程序员人生 网站导航

判断访客的浏览器是否IE6并提示升级代码

栏目:jscript时间:2013-11-07 23:24:53

给大家分享一段判断访客浏览器的代码,这里主要是为了“杀掉”IE6而设计的,大家都知道IE6的用户占有率大约在全球浏览器份额的50%以上,而IE6给WEB设计带来了麻烦,因此我们每一位站长、博主都有义务提示访客升级IE浏览器,赶紧扔掉IE6!

此代码是在《WordPress主题8090社团模板8090st风格》中截取的,可能不是太完整,如果您的网站是wordpress,不妨直接安装这个主题,如果您的网站不是WP博客,也可以下载该代码检查完整使用方法。

不多说,上代码:


$(function(){
$('body').append('<div id="hint_bg"></div><div id="ie6_hint"><span id="close"></span><div id="content_hint"><span id="logo"></span><p id="suggest">如果您是一名普通的用户,为了您能拥有更好的浏览体验,我们强烈建议至少升级您的浏览器到IE 7.0或更高版本!您可以去尝试但是我们并不建议您使用非IE内核的浏览器,因为它们可能会给您造成一些不便,例如:网上购物,在线支付等。</p></div><ul id="browser"><li class="firefox"><a href="http://www.mozillaonline.com/" title="升级到最新版的Mozilla Firefox!"></a></li><li class="chrome"><a href="http://www.google.com/chrome/" title="升级到最新版的Google Chrome!"></a></li><li class="ie"><a href="http://www.microsoft.com/windows/internet-explorer/ie7/" title="升级到最新版的Microsoft IE!"></a></li><li class="opera"><a href="http://www.operachina.com/" title="升级到最新版的Opera!"></a><li class="safari"><a href="http://www.apple.com.cn/safari/download/" title="升级到最新版的Apple Safari!"></a></li></li></ul></div>');

var name = $('#ie6_hint');
var winwidth = $(window).width();
var hintwidth = $(name).width();
var pageheight = document.body.offsetHeight; //获取整个网页的高度
var left = winwidth/2 - hintwidth/2;
$(name).css({'left':left}); // 使提示信息居中

$('#hint_bg').css({'opacity':0.5,'height':pageheight});

var top = $(name).position().top; //获取提示信息本来的top值

function scrollHint(){
var winScroll = $(document).scrollTop(); //获取窗口上下滚动的距离
var newTop = winScroll + top; //获取滚动后 提示信息的top值
$(name).animate({'top':newTop,'left':left},{duration:800,queue:false});
}

$(window).scroll(scrollHint);

scrollHint();

function closeHint(){
$('#ie6_hint, #hint_bg').fadeOut();
$.cookie('ie6_hint', 'close', { expires: 48 * 60 * 60, path: '/' });
}

$('#close, #hint_bg').click(closeHint);

$(document).keypress(function(e){
if( e.keyCode == 27 || e.keyCode == 120 || e.keyCode == 88 || e.which == 120 || e.which == 88 ){
closeHint();
}
});


if( $.cookie('ie6_hint') != 'close' ){
//cookie不存在 显示广告
$('#ie6_hint, #hint_bg').show();
}
else if( $.cookie('ie6_hint') == 'close' ){
//cookie存在 所以不显示广告
$('#ie6_hint, #hint_bg').hide();
}
// Downloads By http://www.wfuyu.com/down

$('#close').click(closeHint);


})
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐