好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

img的hover事件闪动

今天给同学写一个相册照片鼠标浮动显示细节的效果,遇到了闪动的bug,也顺利解决,就写下来跟大家分享。

我使用的是‘标签:hover + 标签’的形式,如果使用jquery的mouseover、mouseout等事件,也可以参考此方法,原理一样。

分析:图片使用 ,然后使用div+span写入鼠标浮动要显示的文字和背景。如下代码:(会出现闪动)

html代码:

 1     img   src  ="1.jpg"  > 
 2     div  >  
 3       span  > 图片1   span  > 
 4       span  > 姓名   span  > 
 5     div  >  

查看更多关于img的hover事件闪动的详细内容...

  阅读:42次