图片说明demo @@##@@ 图片一@@##@@ 图片二@@##@@ 图片三APP详情1APP详情2APP详情3
实现的效果是鼠标放到图片上，会显示图片的一个说明文字，但是发现鼠标放上去，会不停的闪烁，求知道原因
原因很简单：
span.des 出现后，它遮住了 img。也就是说此时你的鼠标已经不在 img 上了，而是在 span.des 上。于是你稍微一动就触发了 img 的 mouseout 事件，然后由于 ClearDes， span.des 也就自然而然地消失了。消失以后鼠标相当于又在 img 上了，于是又立刻触发 mouseover 事件，调用 ShowDes，把 span.des 显示出来……
因此它就一直在闪。
既然你只问原因，我就不回答通用的解决方法了。一个在较新的浏览器的解决办法：在 .des 的 CSS 里加上 pointer-events: none;
你的每张图片和文字都包括在一个 div 里面了，监听这个 div 的事件。根据你的代码稍微改了一下
立即学习“Java免费学习笔记（深入）”；
在支持 div:hover{ /* ... */ } 的浏览器里面，这个效果不需要 JS。如下即可：
@@##@@ 内容
.photo span{ display: none; /* ...其余样式... */}.photo:hover span{ display: block;
}对于支持mouseenter和mouseleave事件的浏览器，绑定这两个事件，是可以解决问题的！ 对于不支持的，在mouseover和mouseout事件的handler中做一下判断，就可以模拟enter和leave了！
用 mouseenter和 mouseleave试一下，应该可以解决此问题．以前是用这两个解决在ie浏览器下闪烁的问题的．
