文档章节

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


© 著作权归作者所有

共有 人打赏支持
不朽灵都
粉丝 8
博文 38
码字总数 18073
作品 0
海淀
高级程序员
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
IE6 PNG透明终极解决方案

方案1 - 滤镜解决方案: 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本...

Kinsey
2014/12/22
0
0
高性能web开发 - 如何加载JS,JS应该放在什么位置?

外部JS的阻塞下载 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等。直到JS下载、解析、执行完毕后才开始继续并行下载其他资源并呈现内容。 有人会问:为...

林文安
2012/05/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Java Web--增删改查之二界面后台java代码(转载参考)

/** *  *//** * @author Administrator * */package dao; import java.sql.*;public class DBConn {/** * 链接数据库 * @return */  ...

小橙子的曼曼
12分钟前
0
0
Redis源码阅读笔记-对象及其类型和编码

总结之《Redis设计与实现》 对象 Redis中是使用对象来便是数据库中的键和值。 结构 // server.h...#define LRU_BITS 24...typedef struct redisObject { unsigned type:4; ...

Jian_Ming
25分钟前
0
0
laravel框架常用目录路径

laravel框架常用目录路径 app_path()app_path函数返回app目录的绝对路径:$path = app_path();你还可以使用app_path函数为相对于app目录的给定文件生成绝对路径:$path = app_p...

高处胜寒
27分钟前
0
0
记一次winserver2003系统,https无法访问,内存占用持续增加,解决办法

先交代一下环境: win server2003系统,系统装在hyper-v虚拟机里 大概2016年底的镜像,距离今天两年左右 病症:大概9月10号左右用这个镜像还可以访问https,但是今天用这个镜像新装的系统,就...

阳阳露
42分钟前
3
0
Vue学习资料

一直以为Vue是依赖nodejs的。 作为前端也可以耦合性就很低了。 //npm包管理器 进行管理npm install vue//初始化一个项目vue init//本地调试npm run dev//编译完成 ...

大灰狼wow
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部