jquery IE浏览器版本过低提示js特效代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery IE浏览器版本过低提示js特效代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IE������汾����iealert��ʾJquery���</title>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script src="iealert.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="iealert/style.css" />
<script type="text/javascript">
	$(document).ready(function() {
		$("body").iealert();
	});
</script>
</head>

<body>
<div style="margin:200px auto; width:500px; background:#D4BFFF; border:1px #FF3FFF dashed; padding:20px;">
</div>
</body>
</html>

JS代码(iealert.js):

/* * IE Alert! jQuery plugin * version 1 * author:David Nemes http://nmsdvid.com * http://nmsdvid.com/iealert/ */
(function($){
	$("#goon").live("click",function(){
	$("#ie-alert-overlay").hide();
	$("#ie-alert-panel").hide();
}
);
	function initialize($obj,support,title,text){
	var panel = "<span>"+ title +"</span>" + "<p> "+ text +"</p>" + "<div class='browser'>" + "<ul>" + "<li><a class='chrome' href='https://www.google.com/chrome/' target='_blank'></a></li>" + "<li><a class='firefox' href='http://www.mozilla.org/en-US/firefox/new/' target='_blank'></a></li>" + "<li><a class='ie9' href='http://windows.microsoft.com/en-US/internet-explorer/downloads/ie/' target='_blank'></a></li>" + "<li><a class='safari' href='http://www.apple.com/safari/download/' target='_blank'></a></li>" + "<li><a class='opera' href='http://www.opera.com/download/' target='_blank'></a></li>" + "<ul>" + "</div>";
	var overlay = $("<div id='ie-alert-overlay'></div>");
	var iepanel = $("<div id='ie-alert-panel'>"+ panel +"</div>");
	var docHeight = $(document).height();
	overlay.css("height",docHeight + "px");
	if (support === "ie8"){
	// shows the alert msg in IE8,IE7,IE6if ($.browser.msie && parseInt($.browser.version,10) < 9){
	$obj.prepend(iepanel);
	$obj.prepend(overlay);
}
if ($.browser.msie && parseInt($.browser.version,10) === 6){
	$("#ie-alert-panel").css("background-position","-626px -116px");
	$obj.css("margin","0");
}
}
else if (support === "ie7"){
	// shows the alert msg in IE7,IE6if ($.browser.msie && parseInt($.browser.version,10) < 8){
	$obj.prepend(iepanel);
	$obj.prepend(overlay);
}
if ($.browser.msie && parseInt($.browser.version,10) === 6){
	$("#ie-alert-panel").css("background-position","-626px -116px");
	$obj.css("margin","0");
}
}
else if (support === "ie6"){
	// shows the alert msg only in IE6if ($.browser.msie && parseInt($.browser.version,10) < 7){
	$obj.prepend(iepanel);
	$obj.prepend(overlay);
	$("#ie-alert-panel").css("background-position","-626px -116px");
	$obj.css("margin","0");
}
}
}
;
	//end initialize function$.fn.iealert = function(options){
	var defaults ={
	support:"ie7",// ie8 (ie6,ie7,ie8),ie7 (ie6,ie7),ie6 (ie6)title:"\u4F60\u77E5\u9053\u4F60\u7684Internet Explorer\u662F\u8FC7\u65F6\u4E86\u5417?",// title texttext:"\u4E3A\u4E86\u5F97\u5230\u6211\u4EEC\u7F51\u7AD9\u6700\u597D\u7684\u4F53\u9A8C\u6548\u679C,\u6211\u4EEC\u5EFA\u8BAE\u60A8\u5347\u7EA7\u5230\u6700\u65B0\u7248\u672C\u7684Internet Explorer\u6216\u9009\u62E9\u53E6\u4E00\u4E2Aweb\u6D4F\u89C8\u5668.\u4E00\u4E2A\u5217\u8868\u6700\u6D41\u884C\u7684web\u6D4F\u89C8\u5668\u5728\u4E0B\u9762\u53EF\u4EE5\u627E\u5230.<br /><br /><h1 id='goon' style='font-size:20px;
	cursor:pointer;
	'>>>>\u7EE7\u7EED\u8BBF\u95EE</h1>"}
;
	var option = $.extend(defaults,options);
	return this.each(function(){
	if ( $.browser.msie ){
	var $this = $(this);
	initialize($this,option.support,option.title,option.text);
}
//if ie}
);
}
;
}
)(jQuery);

CSS代码(style.css):

/*CSS Stylesheet for IE Alert! plugin.*/
/*Overlay Background*/
#ie-alert-overlay{width:100%;height:100%;background-image:url(bg.png);position:fixed;top:0;left:0;z-index:9999;}
* html #ie-alert-overlay{/* fixed position hack for IE6 */
position:absolute;z-index:9999;}
/*Pop Up Panel*/
#ie-alert-panel{width:520px;height:331px;position:fixed;background:url(iealertsprite.png) no-repeat;background-position:-1px -109px;top:50%;left:50%;margin:-201px 0 0 -296px;padding:72px 0 0 72px;_position:absolute;/* fixed position hack for IE6 */
 _top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');/* top:300px hack for IE6 */
 /* font settings */
 font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:bold;color:#333;line-height:1.5em;z-index:10000;}
#ie-alert-panel p{font-size:14px;width:486px;text-align:justify;}
#ie-alert-panel img{border:0;}
#ie-alert-panel span{font-size:18px;margin:0 0 20px 0;display:block;padding:0;}
#ie-alert-panel ul{list-style:none;margin:0;padding:0;}
#ie-alert-panel li{float:left;margin:0 22px 0 0;}
#ie-alert-panel li.last{margin-right:0;}
#ie-alert-panel a{display:inline-block;}
.browser{position:absolute;bottom:35px;}
.chrome,.firefox,.ie9,.opera,.safari{background:url(iealertsprite.png) no-repeat;}
/*browsers*/
.chrome{background-position:0 0;width:73px;height:96px;margin:0 4px 0 0;}
.firefox{background-position:-292px 0;width:73px;height:98px;}
.ie9{background-position:-179px 0;width:95px;height:98px;}
.opera{background-position:-90px 0;width:73px;height:98px;}
.safari{background-position:-387px 0;width:73px;height:98px;margin:0 4px 0 0;}

附件:下载该文件资源,减少时间成本(增值服务)