文档章节

IE6 JS 开发

不朽灵都
 不朽灵都
发布于 2014/06/05 11:04
字数 246
阅读 25
收藏 0

前端开发中,常常会用到某个元素的hover伪类来实现鼠标滑过某元素时该元素展现某些效果,以丰富展现形式,同时也很好的提高用户体验,主流的浏览器都支持基本所有元素的hover伪类,

但是ie6就只支持a标签的hover伪类,这里介绍一种解决ie6常用的一种方式:

<script type="text/javascript">
    <!--//--><![CDATA[//><!--
        sfHover = function() {
        	if (!document.getElementsByTagName) return false;
        	var sfEls = document.getElementById("menu").getElementsByTagName("li");
        	for (var i=0; i<sfEls.length; i++) {
        		sfEls[i].onmouseover=function() {
        			this.className+=" sfhover";
        		}
        	}	
        	var sfEls = document.getElementById("topnav").getElementsByTagName("li");
        	for (var i=0; i<sfEls.length; i++) {
        		sfEls[i].onmouseover=function() {
        			this.className+=" sfhover";
        		}
        	}
        }
        if (window.attachEvent) window.attachEvent("onload", sfHover);
    //--><!]]>
</script>

  上面的代码让id为menu和topnav的两个元素在鼠标滑过该元素时,给子元素(这里是li)添加了sfHover样式。

  jQuery可以更容易、更简洁的实现,代码如下:

jQuery(function ($) {
    if ( jQuery.browser.msie && ( jQuery.browser.version == "6.0" ) && !jQuery.support.style ){
    	jQuery('需要加hover的元素').hover(function(){
    	    jQuery(this).addClass('hover');
    	},function(){
    	    jQuery(this).removeClass('hover');
    	});
    }
});


© 著作权归作者所有

共有 人打赏支持
上一篇: Web开发工具整理
下一篇: CSS Sprite使用简介
不朽灵都
粉丝 8
博文 38
码字总数 18073
作品 0
海淀
高级程序员
私信 提问
切图全景 JS 发布 v1.1 版本

切图全景js是切图公司开发的一款快速开发网页场景的js,是完全开源的js框架(可能算不上js框架,因为还没有封装),这次版本更新引入了一个非常不错的类3d效果,用到了css3的动画属性和流行的...

专注做前端
2015/06/14
5.6K
14
IE6终极备忘:修复IE6下 25+ Bugs

作者: xcntime 发表于 2010-08-11 10:49 原文链接 阅读: 0 评论: 0 [译]IE6终极备忘:修复IE6下 25+ Bugs 2010年01月08日 | HTML/CSS, JavaScript 去年就想将IE的bug系统地整理下,但一直都忙...

xcntime
2010/08/16
0
0
javascript创建css、js,onload触发callback兼容主流浏览器的实现

由于需要写个函数,既可以加载css,又可以加载js,所以对各主流浏览器对加载js、css后是否触发onload事件做了个测试。当然,为了兼容,首先要考虑的是会用到onload和onreadystatechange,但他...

bosscheng
2015/10/26
0
0
IE6下window.location.href 不能正常跳转

由于最近Chrome用的比较多,一般都是在用Chrome做测试,没遇到什么问题 最近项目上线,用IE6小小测试了下,问题来了。先看代码: <a href="javascript:void(0);" onclick="hrefSearchUser('$...

walala_Lee
2014/04/26
0
0
上海盛大招聘JavaScript开发工程师

盛大在线招聘高级、资深JavaScript开发工程师,诚邀互联网精英加盟,共同打造“互联网迪斯尼乐园”,欢迎加入盛大集团!申明本次招聘非外包、猎头! 岗位职责: * 负责盛大在线各频道日常JS开...

罗威尔
2010/04/20
386
0

没有更多内容

加载失败,请刷新页面

加载更多

《阿里铁军》的读书笔记和读后感范文2600字

《阿里铁军》的读书笔记和读后感范文2600字: 在中国互联网,有一个流传很广的说法是,百度强在技术,腾讯强在产品,阿里强在运营。虽然发展到今天,已经不能再用这样简单的视角来看待这三个...

原创小博客
30分钟前
2
0
怎样实际项目中运用责任链模式

1 模式概要 1.1 简介 责任链模式为请求创建一个接收者对象链,每个接收者都包含对另一个接收者的引用,如果一个对象不能处理该请求,那么它会把请求传给下一个接收者,依此类推 责任链模式避...

小刀爱编程
44分钟前
2
0
【宇润日常疯测-004】JS 遍历数组如何快!快!快!

首先,我就是一后端全栈,对前端也只是会用罢了。闲的无聊来测测,不深究,只看表面,不喜勿喷! 遍历数组在写 JS 代码时候一定是经常用的,那么怎么遍历能达到最高效率呢,很多人一定没有测...

宇润
48分钟前
11
2
Linux系统如何定制History输出格式

Linux系统使用History命令来查看系统的运行记录,从而找出一些问题。但是History输出的数据中常常没有时间等信息。本文就来教大家Linux系统如何定制History输出格式。   具体方法如下 以r...

linuxprobe16
51分钟前
2
0
(一) pyhon 基础语法(数值 字符串 元组 列表 字典)

1、python的数据类型: 数值 字符串 列表 元组 字典; 数值类型包括; 整型(int) 长整型(long) 浮点型(float) 复数型 字符串; 可以通过type() 来查看是什么类型的; 注释:len()只支持 字符...

芬野de博客
51分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部