我用dw给一张图片画了四个固定的热区
如何实现鼠标经过热区弹出一个小图片,鼠标离开后图片关闭。
分几步:
第一,你需要一个容器装图片如div,这个div为热区的子元素
第二,装图片的div默认不显示,display:none
第三,鼠标移入热区显示图片,设置伪类:hover,然后图片显示出来,display:block
第四,对图片的div进行定位,父容器热区的div进行相对定位position:relative,图片容器使用绝对定位position:absolute,然后其改变其top跟right即可
可以使用onmouseover, onmouseleave 事件来实现。
一个hover就ok了