纯CSS横向下拉菜单导航兼容IE6

一个纯CSS实现的横向下拉菜单导航，呵呵，这里也许你说我忽悠你，里面明明有一段JS，没办法为了兼容IE6/' target='_blank'>兼容IE6，只好加一小段。

原理是利用了任意标签的:hover伪类，IE6不支持，那一段JS 就是为了解决这个问题。注意，这个js中的
var sfEls = document.getElementById("navMenu").getElementsByTagName("LI"); 要和HTML中的div层ID 要对应。

还有一点是 this.className+=" sfhover"; 中的sfhover 和CSS 中的 LI.sfhover 中的 sfhover 要对应，注意大小写，关键所在，否则会没有效果。

虽然还可以通过 HTC 文件修复这个IE6 :hover 伪类支持。个人还是感觉这种JS比较灵活，况且JS 有不大，就几行而已。

懒人建站

TAG标签