JS解决IE6不支持li:hover的代码
2013-11-07 14:22
155 查看
<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].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>
红色字体为DIV的 ID
对于CSS+DIV 做出来的二级菜单的时候,这个代码绝对管用..
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].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>
红色字体为DIV的 ID
对于CSS+DIV 做出来的二级菜单的时候,这个代码绝对管用..
相关文章推荐
- IE6不支持li:hover的解决办法,一句代码让IE6支持li:hover
- JavaScript 解决 IE6 不支持 li:hover 的方法
- 解决IE6不支持li:hover鼠标经过的效果
- IE6不支持li:hover的解决方法
- 使IE6支持:hover效果使用li:hover或div:hover
- IE FF 支持li:hover,但是ie6不支持,a:hover ul 这种写法是要搭配顶部针对IE6声明用的
- 原创 让IE6也支持hover[JS模拟]
- 解决低版本ie下li:hover不支持的问题
- 让IE6也支持hover[JS模拟]
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- js完美解决IE6不支持position:fixed的bug
- 一个解决ie6不支持:hover、属性选择器等问题的方法
- 身份证号输入验证js代码 支持输入"x"大小写 现已解决一些身份证号不兼容问题
- JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!
- JS代码获取当前日期时支持IE,不兼容FF和chrome,解决这个问题,我们需要把获取时间的getYear()函数换成getFullYear()
- Selenium Webdriver 的使用java执行js代码 解决 ScriptEngine不支持浏览器内置对象window,document的问题
- ie6不支持PNG图片解决办法(季雨林代码收集)
- 解决PNG图片在IE6中背景不透明的CSS与JS的代码
- IE6下支持li:hover的鼠标滑过效果,方法绝对正确,我已测试过
- 解决IE6-IE8 Js代码不执行问题