IE 6中的hover效果

IE 7+，FireFox，Chrome等各主流浏览器都已经支持<div>、<li>标签的hover鼠标移入移出效果，而IE 6只支持带href属性的<a>标签的hover样式，恰恰IE 6仍然是所有浏览器中使用率最高的。

我们可以用条件注释，包含需要实现鼠标移入移出变化效果的标签，如：

<!--[if lt IE 7]><a href=”#”class=’’outbox”><table><tr><td><![endif]—>
    ……
<!--[if lt IE 7]></td></tr></table></a><![endif]—>

但有如果其中有<label>标签会导致失效。

也可以用javascript定义onmouseover和onmouseout做相应的操作，但在鼠标在内部节点中移动也会触发，通过判断源节点和目标节点是否在其内可以解决，但IE在不同的样式下会有错误判断SrcElement和ToElement的情况。

发现JQuery有个一个模仿悬停事件的方法hover(over, out)，很完美的解决了以上问题。