JS解决IE6不支持li:hover的代码

<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.getElementById(" nav").getElementsByTagName("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>

 

红色字体为DIV的 ID

对于CSS+DIV 做出来的二级菜单的时候，这个代码绝对管用..

转载于:https://www.cnblogs.com/FanTasYX/p/3412415.html