AnA*_*ice 7 javascript jquery internet-explorer jquery-plugins
我正在构建一个应用程序,目前无意支持IE6.为了公平对待IE6,我希望IE6用户知道这一点而不是认为该应用程序是由不称职的开发人员制作的.
我希望有一个JQUERY Plug-In可以在页面顶部提供一个很好的StackOverflow样式警报,即插即用,我已经完成了.令人惊讶的是我找不到这样的插件.
有没有人知道任何可以进行IE6检测的插件,并且有一个很好的警告？这些天似乎是常见的事情.
谢谢
Dou*_*ner 24
使用条件和CSS
如果您有一个header包含类型文件(或类似于layoutRails中的内容),只需使用IE条件:
<body>
<!--[if lte IE 6]>
<div id="ie-warning">This site does not support IE6</div>
<![endif]-->
然后在样式表中使用简单的样式.
或者,如果你真的想要jQuery:
这是一个简单的jQuery脚本,可以满足您的需求.复制此并将其保存到jquery.ie6.js:
(function($){
$(function(){
var message = "This site does not support Internet Explorer 6. Please consider downloading a <a href='http://firefox.com'>newer browser</a>.",
div = $('<div id="ie-warning"></div>').html(message).css({
'height': '50px',
'line-height': '50px',
'background-color':'#f9db17',
'text-align':'center',
'font-family':'Arial, Helvetica, sans-serif',
'font-size':'12pt',
'font-weight':'bold',
'color':'black'
}).hide().find('a').css({color:'#333'}).end();
div.prependTo(document.body).slideDown(500);
});
})(jQuery);
然后把它放在head你的页面的(在包含jQuery之后):
<!--[if lte IE 6]>
<script src="jquery.ie6.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
DEMO
此演示设置为在所有浏览器中显示,但如果您在if lte IE 6条件注释之间显示它,它将仅显示在IE6和旧版本的IE中.
| 归档时间： |
|
| 查看次数： |
6411 次 |
| 最近记录： |