javascript解决IE6下hover问题的方法

前端之家收集整理的这篇文章主要介绍了javascript解决IE6下hover问题的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有时候我们想在非a标签上加hover元素 但是我们都知道IE6下不支持XX:hover,所以我们现在可以用js实现掉:代码如下

无<a href="/tag/biaoti/" target="_blank" class="keywords">标题</a>文档

<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);
}

以上内容就是告诉大家javascript解决IE6下hover问题的方法,希望对大家的学习有所帮助。

猜你在找的JavaScript相关文章