原因很简单：
span.des 出现后，它遮住了 img。也就是说此时你的鼠标已经不在 img 上了，而是在 span.des 上。于是你稍微一动就触发了 img 的 mouseout 事件，然后由于 ClearDes， span.des 也就自然而然地消失了。消失以后鼠标相当于又在 img 上了，于是又立刻触发 mouseover 事件，调用 ShowDes，把 span.des 显示出来……

因此它就一直在闪。

既然你只问原因，我就不回答通用的解决方法了。一个在较新的浏览器的解决办法：在 .des 的 CSS 里加上 pointer-events: none;

你的每张图片和文字都包括在一个 p 里面了，监听这个 p 的事件。根据你的代码稍微改了一下

在支持 p:hover{ /* ... */ } 的浏览器里面，这个效果不需要 JS。如下即可：

<p class="photo">
    <img src="..."/>
    <span>内容</span>
</p>

.photo span{
    display: none;
    /* ...其余样式... */
}
.photo:hover span{
    display: block;
}

对于支持mouseenter和mouseleave事件的浏览器，绑定这两个事件，是可以解决问题的！
对于不支持的，在mouseover和mouseout事件的handler中做一下判断，就可以模拟enter和leave了！

用 mouseenter和 mouseleave试一下，应该可以解决此问题．以前是用这两个解决在ie浏览器下闪烁的问题的．