IE6.0 不支持LI:HOVER的解决方法

js:(document.getElementByIdx_x 同时改 ID)

<script language="javascript">
stuHover = function() {
var cssRule;
var newSelector;
for (var i = 0; i < document.styleSheets.length; i++)
   for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
    {
    cssRule = document.styleSheets[i].rules[x];
    if (cssRule.selectorText.indexOf("LI:hover") != -1)
    {
     newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
     document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
    }
   }
var getElm = document.getElementByIdx_x("nav").getElementsByTagName_r("LI");
for (var i=0; i<getElm.length; i++) {
   getElm[i].οnmοuseοver=function() {
    this.className+=" iehover";
   }
   getElm[i].οnmοuseοut=function() {
    this.className=this.className.replace(new RegExp(" iehover\\b"), "");
   }
}
}
if (window.attachEvent) window.attachEvent("onload", stuHover);
</script>

id

<div id="nav">
<ul><li>让IE6支持LI:HOVER的JS代码</li></ul>
</div>

转载于:https://www.cnblogs.com/nices/p/3397638.html