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

Web前端207K阅读模式

一个与浏览器有关的脚本 ，也是大家从事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>

本站文章大部分始于原创，用于个人学习记录，可能对您有所帮助，仅供参考！

Swiper滑动特效插件
Swiper滑动特效插件
全屏背景幻灯片jQuery 插件Vegas
全屏背景幻灯片jQuery 插件Vegas
Flex布局子元素撑开宽度
Flex布局子元素撑开宽度
网页添加实时显示FPS帧率
网页添加实时显示FPS帧率
weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接，谢谢合作！
获取本主题
598845006
咨询主题请加Q：598845006
多功能主题 Begin
 
知更鸟
  • Web前端
获取本主题
598845006
咨询主题请加Q：598845006
多功能主题 Begin
评论  20  访客  16  作者  4
    • 嘍啰
      嘍啰 3
      孟加拉 1F
      回复

      呵呵 謝謝分享！

      • 恋上苹果
        恋上苹果 4
        山西省太原市 2F
        回复

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

        • wordgold
          wordgold 1
          河北省石家庄市 3F
          回复

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

          • 韩国
            韩国 5
            黑龙江省牡丹江市 4F
            回复

            升级浏览器。

            • 夜色AAA
              夜色AAA 2
              浙江省金华市 5F
              回复

              搞回去试试。谢谢分享！

              • 歪歪苹果
                歪歪苹果 4
                广东省深圳市 6F
                回复

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

                • agan
                  agan 0
                  山东省济南市 7F
                  回复

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

                    • 知更鸟
                      知更鸟
                      中国 B1
                      回复

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

                    • cgrabbit/兔了吧唧网
                      cgrabbit/兔了吧唧网 4
                      北京市 8F
                      回复

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

                      • dianlan
                        dianlan 1
                        北京市 9F
                        回复

                        试试头像。

                        • 最有效的减肥药
                          最有效的减肥药 0
                          广东省珠海市 10F
                          回复

                          还是这个比较实用！

                          • 情人节巧克力
                            情人节巧克力 0
                            山东省枣庄市 11F
                            回复

                            现在人家都开始用ie9啦

                            • 蛋糕
                              蛋糕 4
                              广东省湛江市 12F
                              回复

                              悲剧的IE6

                                • 知更鸟
                                  知更鸟
                                  中国 B1
                                  回复

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

                                • rztoo
                                  rztoo 1
                                  广西北海市 13F
                                  回复

                                  正好想找这个呢。

                                  • 400电话办理
                                    400电话办理 2
                                    浙江省杭州市 14F
                                    回复

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

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

                                  匿名

                                  发表评论

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

                                  拖动滑块以完成验证