Determine if the browser version is too low Based on jquery.

Determine if the browser version is too low Based on jquery.

Determine if the browser version is too low Based on jquery. This is a browser that does not support HTML5 and CSS3 code, prompting users to change the special effect code. As follows:

Download Online Preview source code

Implementation code.

Html code:

<Div style = "display: none" id = "browser_ie"> <div class = "brower_info"> <div class = "notice_info"> <p> your browser version is too low, the website may be inaccessible! <Br> in order for you to use the website functions properly, use these browsers. </P> </div> <div class = "browser_list"> <span> <a href =" http://www.w2bc.com /"Target =" _ blank ">  <br> Chrome </a> </span> <a href =" http://www.w2bc.com /"Target =" _ blank ">  <br> Firefox </a> </span> <a href =" http://www.w2bc.com "Target =" _ blank ">  <br> Safari </a> </span> <a href =" http://www.w2bc.com "Target =" _ blank ">  <br> IE9 and above </a> </span> </div> </div> <div class = "header"> <div class = "header-inner wrap"> <a class = "header-logo" href = ""> rongyun </a> <div class = "header-account"> <a class = "btn-signin" href = ""> logon </a> <a class = "btn-signup "href =" "> register </a> </div> <ul class =" header-nav "> <li> <a href =" "> homepage </a> </li> <a href = ""> function </a> </li> <a href = ""> case study </a> </ li> <Li> <a href = ""> price </a> </li> <a href = ""> Knowledge Base </a> </li> <li> <a href = ""> documentation </a> </li> <a href = ""> download </a> </li> </ul> </div> <script> if (! $. Support. leadingWhitespace) {$ ("# browser_ie"). show () ;}</script>

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