判断是否IE6,如果是则提示升级浏览器

2011年01月10日07:34:23 20 暂未收录 6,922

一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。只有使用IE6浏览器才会看到效果

  1. <html>
  2. <head>
  3. <title>判断IE版本并给出提示升级浏览器</title>
  4. </head>
  5. <style type="text/css">
  6. #ie6-warning{
  7. background:rgb(255,255,225) url("图片地址") no-repeat scroll 3px center;
  8. position:absolute;
  9. top:0;
  10. left:0;
  11. font-size:12px;
  12. color:#333;
  13. width:97%;
  14. padding: 2px 15px 2px 23px;
  15. text-align:left;
  16. }
  17. #ie6-warning a {
  18. text-decoration:none;
  19. }
  20. </style>
  21. <body>
  22. <br /><br />
  23. <!--[if lte IE 6]>
  24. <div id="ie6-warning">您正在使用 Internet Explorer 6,在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器: <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a>
  25. </div>
  26. <script type="text/javascript">
  27. function position_fixed(el, eltop, elleft){
  28. // check if this is IE6
  29. if(!window.XMLHttpRequest)
  30. window.onscroll = function(){
  31. el.style.top = (document.documentElement.scrollTop + eltop)+"px";
  32. el.style.left = (document.documentElement.scrollLeft + elleft)+"px";
  33. }
  34. else el.style.position = "fixed";
  35. }
  36. position_fixed(document.getElementById("ie6-warning"),0, 0);
  37. </script>
  38. <![endif]-->
  39. </body>
  40. </html><!-- .Net Stat -->
  41. <div style="display:none;">
  42. <script type="text/javascript" src="/.net/js/stat.js"></script>
  43. </div>
weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:20   其中:访客  16   博主  4

    • 嘍啰 3

      呵呵 謝謝分享!

      • 恋上苹果 4

        嘿嘿,懒惰的朋友,可以直接挂个JS。
        http://www.neoease.com/lets-kill-ie6/

        • wordgold 1

          这个效果更炫一点
          http://yu123.me/2010/12/jquery-ad-plugins/

          • 韩国 5

            升级浏览器。

            • 夜色AAA 2

              搞回去试试。谢谢分享!

              • 歪歪苹果 4

                鸟哥、请教一下,主题下面的【返回首页】后面的分类链接如何实现让它不显示下拉子分类呀?
                可以实现自己定制吗 ?
                还望鸟哥多多指点一二~~

                • agan 0

                  请问内容中的源代码显示样式,用的什么插件,谢谢诶。

                    • 知更鸟 Admin

                      @agan http://zmingcx.com/do-not-realize-wordpress-code-highlight-plugin.html

                    • cgrabbit/兔了吧唧网 4

                      很希望也建议鸟哥能出一个蓝色风格版本的2.4主题。。。或者更新补丁。。。谢谢!

                      • dianlan 1

                        试试头像。

                        • 最有效的减肥药 0

                          还是这个比较实用!

                          • 情人节巧克力 0

                            现在人家都开始用ie9啦

                            • 蛋糕 4

                              悲剧的IE6

                                • 知更鸟 Admin

                                  @蛋糕 IE6本身,绝对经典,是现在用IE6的才悲剧

                                • rztoo 1

                                  正好想找这个呢。

                                  • 400电话办理 2

                                    悲剧了,wordpress是不是用的这个代码实现的功能

                                    我的站来的用户大部分都用的360 IE6 8的,得对他们的口味呐