判斷訪客的瀏覽器是否IE6并提示升級代碼
來源:程序員人生 發布時間:2013-11-07 23:24:53 閱讀次數:2685次
給大家分享一段判斷訪客瀏覽器的代碼,這里主要是為了“殺掉”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.vxbq.cn/down
$('#close').click(closeHint);
})