javascript解决IE6下hover问题
2012-01-18 13:32
253 查看
javascript解决IE6下hover问题 有时候我们想在非a标签上加hover元素 但是我们都知道IE6下不支持XX:hover,所以我们现在可以用js实现掉:代码如下
附件:http://down.51cto.com/data/2359695
<!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>无标题文档</title> <style> #nav li:hover, #nav li.stest { font-weight:700; color:red; } </style> </head> <body> <ul id="nav"> <li>列表一</li> <li>列表一</li> <li>列表一</li> </ul> <script type="text/javascript"> var Hover = function(){ var listItem = document.getElementById("nav").getElementsByTagName("li"); for(var i=0;i<listItem.length;i++){ listItem[i].onmouseover = function(){ this.className +=" stest"; } listItem[i].onmouseout = function(){ thisthis.className = this.className.replace(/stest\b/, ""); // \b 查找位于单词的开头或结尾的匹配。 } } } if(window.attachEvent){ window.attachEvent('onload',Hover); } </script> </body> </html>
附件:http://down.51cto.com/data/2359695
相关文章推荐
- javascript解决IE6下hover问题的方法
- javascript解决IE6下hover问题的方法
- 【javascript】csshover 解决 ie6 下 hover 兼容问题
- 一个解决ie6不支持:hover、属性选择器等问题的方法
- 两种办法解决IE6下非链接不支持hover的问题
- IE6下的PNG图片半透明问题解决(a:hover)
- [Javascript] 解决 IE6 中 png 图片背景不支持透明效果的问题
- 解决IE7和IE6不支持javaScript中的indexOf函数的问题
- 解决ie6不支持:hover、属性选择器等问题的方法
- 解决IE6不兼容问题(a:hover以外一切都不执行)
- JavaScript经典代码【一】【DIV+CSS解决IE6,IE7,IE8,FF兼容问题】
- 解决IE6下hover失效问题
- 解决IE6下的CSS Hover背景图片闪烁问题
- 解决ie6下hover不识别问题
- 解决ie6下Javascript页面跳转和表单提交问题
- 解决IE6不支持除a以外:hover的问题
- JavaScript 解决 IE6 不支持 li:hover 的方法
- 解决IE6不支持除a以外:hover的问题
- IE6下伪类hover失效问题及解决办法
- csshover.htc 以及简单使用方法(解决IE6下 :hover 在其他标签下无效问题)