javascript解决IE6下hover问题的方法


Posted in Javascript onJuly 28, 2015

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

<!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>

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

Javascript 相关文章推荐
javascript 函数速查表
Feb 07 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
Aug 23 Javascript
简单js代码实现selece二级联动(推荐)
Feb 18 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
JavaScript获取并更改input标签name属性的方法
Jul 02 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
bootstrap css样式之表单
Jan 19 Javascript
微信小程序纯文本实现@功能
Apr 08 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 Javascript
VUE 单页面使用 echart 窗口变化时的用法
Jul 30 Javascript
详解vue 组件注册
Nov 20 Vue.js
JavaScript如何自定义trim方法
Jul 28 #Javascript
详解JavaScript ES6中的Generator
Jul 28 #Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 #Javascript
JavaScript调用客户端Java程序的方法
Jul 27 #Javascript
详细解读JavaScript编程中的Promise使用
Jul 27 #Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 #Javascript
javascript实现类似java中getClass()得到对象类名的方法
Jul 27 #Javascript
You might like
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
jquery 学习之二 属性相关
2010/11/23 Javascript
location对象的属性和方法应用(解析URL)
2013/04/12 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
JavaScript通过字符串调用函数的实现方法
2015/03/18 Javascript
自定义百度分享的分享按钮
2015/03/18 Javascript
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
详解如何使用 vue-cli 开发多页应用
2017/12/16 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
2018/02/24 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
python装饰器与递归算法详解
2016/02/18 Python
python2.7实现爬虫网页数据
2018/05/25 Python
python自动发送邮件脚本
2018/06/20 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python机器学习实现决策树
2019/11/11 Python
解决Python使用列表副本的问题
2019/12/19 Python
通过实例学习Python Excel操作
2020/01/06 Python
TensorFlow Saver:保存和读取模型参数.ckpt实例
2020/02/10 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
英国女性时尚品牌:Apricot
2018/12/04 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
几个SQL的面试题
2014/03/08 面试题
电子商务专业在校生实习自我鉴定
2013/09/29 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
2014年应急工作总结
2014/12/11 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
2016高考寄语或鼓励的话语
2015/12/04 职场文书
小学教师教学反思
2016/02/24 职场文书
2019个人工作计划书的格式及范文!
2019/07/04 职场文书
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB