基于jquery判断浏览器版本过低代码。这是一款对不支持HTML5跟CSS3代码的浏览器提示用户更换特效代码。效果图如下:

在线预览   源码下载

实现的代码。

html代码:

 <div style="display: none" id="browser_ie">
<div class="brower_info">
<div class="notice_info">
<p>
你的浏览器版本过低,可能导致网站不能正常访问!<br>
为了你能正常使用网站功能,请使用这些浏览器。</p>
</div>
<div class="browser_list">
<span><a href="http://www.w2bc.com/" target="_blank">
<img src="data:images/Chrome.png"><br>
Chrome </a></span><span><a href="http://www.w2bc.com/" target="_blank">
<img src="data:images/Firefox.png"><br>
Firefox </a></span><span><a href="http://www.w2bc.com" target="_blank">
<img src="data:images/Safari.png"><br>
Safari </a></span><span><a href="http://www.w2bc.com" target="_blank">
<img src="data:images/IE.png"><br>
IE9及以上 </a></span>
</div>
</div>
</div>
<div class="header">
<div class="header-inner wrap">
<a class="header-logo" href=" ">融云</a>
<div class="header-account">
<a class="btn-signin" href=" ">登录</a> <a class="btn-signup" href=" ">注册</a>
</div>
<ul class="header-nav">
<li><a href=" ">首页</a></li>
<li><a href=" ">功能</a></li>
<li><a href=" ">案例</a></li>
<li><a href=" ">价格</a></li>
<li><a href=" ">知识库</a></li>
<li><a href=" ">文档</a></li>
<li><a href=" ">下载</a></li>
</ul>
</div>
</div>
<script>
if (!$.support.leadingWhitespace) {
$("#browser_ie").show();
}
</script>

via:http://www.w2bc.com/Article/42064

基于jquery判断浏览器版本过低代码的更多相关文章

  1. jquery判断浏览器版本插件,jquery-browser.js

    jquery判断浏览器版本插件,jquery-browser.js,jquery 判断是否为ie浏览器插件 >>>>>>>>>>>&g ...

  2. jquery 判断浏览器版本

    如果你也是Jquery最初的使用者,那么你一定经历过这样判断浏览器的时代:$.browser.msie && $.browser.version,你目前使用的组件里可能还有应用.但是J ...

  3. js,onblur后下一个控件获取焦点判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval

    需求: input控件在失去焦点后直接做验证,验证通不过的话,显示相应错误.但是如果失去焦点后点击的下个控件是比较特殊的控件(比如,退出系统),那么不执行验证操作,直接退出系统(防止在系统退出前,还显 ...

  4. JQuery 判断浏览器及其版本

    JQuery 中用 方法 jQuery.browser 来判断浏览器,返回值可以为: safari opera msie mozilla. 当然有时候我们还需要区分版本 这就要用到 jQuery.br ...

  5. jQuery判断浏览器类型和版本

    jquery 判断浏览器类型 例:   if($.browser.msie) { alert("这是一个IE浏览器"); }else if($.browser.opera) { a ...

  6. js/jquery判断浏览器的方法小结

    在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把 ...

  7. js/jquery判断浏览器的方法总结

    JS获取浏览器信息浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:nav ...

  8. JAVASCRIPT和JQUERY判断浏览器信息总汇(备忘)

    <script type="text/javascript">        //jquery判断浏览器信息        $(function(){          ...

  9. 通过浏览器navigator判断浏览器版本或者手机类型&&判断微信访问

    javascript 的navigator属性,不常用,但是用处也不少,主要用处是在做浏览器兼容的问题的时候,现在有的网站已经不兼容IE6,用户假如用IE6浏览网页的话,会提示浏览器升级等信息.或者判 ...

随机推荐

  1. Java and C# Comparison

    原文:http://www.harding.edu/fmccown/java_csharp_comparison.html Java Program Structure C# package hell ...

  2. Android 桌面部件

    桌面部件是一种利用AppWidget框架将应用程序的某个部件放在桌面. res/layout/digitalclock.xml <?xml version="1.0" enc ...

  3. 【算法】MD5加密

    1.什么是MD5 MD5即Message-Digest Algorithm 5(信息-摘要算法5),用于确保信息传输完整一致.是计算机广泛使用的杂凑算法之一(又译摘要算法.哈希算法),主流编程语言普遍 ...

  4. 安卓 AsyncHttpClient - “Content-Type not allowed!”

    使用 http://loopj.com/android-async-http/ 的异步网络请求工具使用BinaryHttpResponseHandler来完成文件下载时总是报错,“org.apache ...

  5. #优化:Nginx防御DDOS和CC攻击

    加载HTTP段 ## # 基础配置 ## keepalive_timeout 10; server_tokens off; types_hash_max_size 2048; ## # 主要配置 ## ...

  6. [trouble shoot]atol和atoll

    就终于的结果来看,事实上就是一个小的错误. 但定位错误的时间比較漫长了.. . 背景:出错的代码是 一段执行在 linux server上的程序,程序的主要功能是处理银行pos刷卡记录并做一些计算.最 ...

  7. [转]springSecurity源码分析—DelegatingFilterProxy类的作用

    使用过springSecurity的朋友都知道,首先需要在web.xml进行以下配置, <filter>  <filter-name>springSecurityFilterC ...

  8. Linux 命令 统计进程数目

    ps -efL | grep python | wc -l 此命令的意思是查看 Python的进程数目 ps -ef|grep python|grep -v grep|cut -c -|xargs k ...

  9. spring中InitializingBean接口使用理解(转)

    InitializingBean接口为bean提供了初始化方法的方式,它只包括afterPropertiesSet方法,凡是继承该接口的类,在初始化bean的时候会执行该方法. 测试程序如下: imp ...

  10. java 中获得 资源文件方法

    1 java 中获取资源文件的方法 项目目录如下 获取当前项目的目录路径 方法一:使用类名 MergeDocHandler.class.getClassLoader().getResource(&qu ...