网页设计图片鼠标经过（网页制作鼠标经过效果）

本文目录一览：

• 1、在用DW设计网页时,如何设计当鼠标经过某个图像热点时,显示出新的图片...

在用DW设计网页时,如何设计当鼠标经过某个图像热点时,显示出新的图片...

使用纯CSS即可实现全部效果，代码也很简单。原理：hover触发CSS临近选择器 所需工具：DW（用来给图片画热区），PS（算出弹出层的top和left偏移值）我在Demo里画了三个热区（位置如下图），你用鼠标悬停到上面即可看到效果。

如果你说的在“鼠标旁边就会弹出另一张图片”是说在固定位置的话，那你用DW的“层”结合“行为”应该就可以实现的，在行为面板里，找onmouseover，然后改display的值，显示为block，隐藏为none。

很简单 图片都是有链接的，你可以设置锚点，然后 title 提示就行 不过一般都是用浮动层。

准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。