IE6不支持li:hover的解决方法
2013-12-06 10:39
405 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>li:hover在IE6下兼容的方法</title> <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"); //ID号记得修改哦 for (var i=0; i<getElm.length; i++) { getElm[i].onmouseover=function() { this.className+=" iehover"; } getElm[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" iehover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", stuHover); </script> <style type="text/css"> li:hover { background:#00CC00; display:block; } </style> </head><body > <div id="nav"> <ul><li>让IE6支持li:hover的方法</li></ul> </div> </body> </html>
相关文章推荐
- JavaScript 解决 IE6 不支持 li:hover 的方法
- IE6.0 不支持LI:HOVER的解决方法
- IE6.0 不支持LI:HOVER的解决方法
- JS解决IE6不支持li:hover的代码
- 完美解决IE6不支持hover的方法
- 一个解决ie6不支持:hover、属性选择器等问题的方法
- IE6不支持hover的解决方法
- IE6下支持li:hover的鼠标滑过效果,方法绝对正确,我已测试过
- IE6不支持li:hover的解决办法,一句代码让IE6支持li:hover
- 解决IE6不支持li:hover鼠标经过的效果
- 关于li:hover在ie6下的几种解决方法
- 解决ie6不支持:hover、属性选择器等问题的方法
- IE6不支持hover解决方法
- Windows Server 2003升级IE6到高版本系统不支持解决方法
- li:hover在IE6下的解决办法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- ie6-ie8不支持opacity,rgba解决方法
- ie6-ie8中不支持opacity透明度的解决方法
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法