引导用户升级IE6

习惯的力量是强大的，它让中国的IE6在浏览器市场中的占有率遥遥领先，习惯的力量也是很可怕的，在先进的浏览器层出不穷的今天，IE6竟然仍然让60%以上的用户不离不弃……

国内的各大网站，以及不大的网站，都奉行用户至上的信条，不敢得罪用户。这也是可以理解的，让用户不高兴，用户可能就会抛弃他们的网站。

让人纠结的是，用户不知道IE7或更先进的浏览器有什么好用的功能，他们只会用IE6。

但是现在IE6确实太落后了，它在拖我们的后腿……

那么，现在让我们来引导用户升级他们的落后的浏览器吧：

首先在网站的代码中添加一段提示性的代码，用于告知用户他们的浏览器太落后了：

1
2
3

<div id="IE6toDead">
你的浏览器太老了！赶快<a href="http://www.google.com/toolbar/ie7/" target="_blank">升级你的浏览器</a>吧？
</div>

然后定义这段代码的样式，当然，这段样式默认应该是不显示的，否则它在所有的浏览器中都会显示，这显然不是我们的目的，我们只希望它在IE6中显示。

把这段代码放在页面的头部，或放在页面代码的底部，然后用样式控制它在头部显示……

我是这样定义的：

1
2

#IE6toDead{ width:99%; height:20px; margin:0 auto;padding:2px;display:none;border:1px solid red; color:red; font:bold 12px/20px Arial;text-align:center;}
	#IE6toDead a{color:red; font-weight:700; text-decoration: underline; margin:0 2px}

最后，检测用户的浏览器版本：

1
2
3
4
5
6
7
8
9
10
11

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
  $(document).ready(function(){
    if($.browser.msie && $.browser.version == 6.0){
		$("#IE6toDead").show();
	}
	else{
		$("#IE6toDead").hide();
		}
 });
</script>

这里使用了jQuery框架中的浏览器检测函数，我们用“$.browser.msie && $.browser.version”这句来检查浏览器的版本，如果版本号是6.0，也就说明该浏览器就是IE6，那么我们就让上面的那段div显示。
OVER，就是这么简单，如果你现在用IE6现在就可以看到页面的顶部的效果了。

您或许会喜欢：

• DD_belatedPNG图片缩放bug的解决方法 (4)

如果您喜欢本文，您可以对本文发表评论 或 订阅本站 以获取本站最新动态。