downloadapp.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>下载页面</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="cache-control" content="no-cache">
  8. <meta http-equiv="expires" content="0">
  9. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  10. <meta http-equiv="description" content="This is my page">
  11. <meta http-equiv="X-UA-Compatible" content="IE=9"/>
  12. <meta http-equiv="X-UA-Compatible" content="IE=10"/>
  13. <script type="text/javascript" src="jquery-1.8.0.min.js"></script>
  14. <style type="text/css">
  15. *{margin:0; padding:0;}
  16. a{text-decoration: none;}
  17. img{max-width: 100%; height: auto;}
  18. .ziti{font-family:'Microsoft YaHei', Verdana, 'SimSun', 'Lucida Grande', 'Trebuchet MS', Helvetica, sans-serif;
  19. letter-spacing:normal; font-size: 26px;color: #003333;font-weight: normal;}
  20. .weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); height: 100%; width: 100%; z-index: 100;}
  21. .weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}
  22. .not-weixin{position: absolute; left:0; top:0; bottom:0; height: 100%; width: 100%; z-index: 10;}
  23. .not-weixin p{text-align: center; margin-top: 0%; padding:0 5%;}
  24. body{background-color:white;}
  25. </style>
  26. </head>
  27. <body>
  28. <div class="weixin-tip">
  29. <p>
  30. <img src="live_weixin1.png"/>
  31. </p>
  32. </div>
  33. <div class="not-weixin">
  34. <center>
  35. <p>
  36. <div style="text-align: left;max-height: 70%;width: 100%;margin-top: 0%;">
  37. <div style="width: 100%;text-align: center;" >
  38. <img src="logo_rzx.png" width="200px" style="margin-top: 80px"/>
  39. </div>
  40. <div style="width: 100%;" >
  41. <div style="width: 100%;height: 5%;"></div>
  42. <center>
  43. <div style="width: 600px">
  44. <div style="text-align: center">
  45. <span class="ziti">
  46. <span style="font-size: 52px;color: #f08300;">APP下载</span><br/>
  47. <br/>
  48. 操作系统: 安卓 5.0及以上 <br/>
  49. <br/>
  50. </span>
  51. </div>
  52. </div>
  53. <div style="width: 50%;">
  54. <a href="http://www.cngrfid.com/rzx.apk" style="cursor: pointer;"><img src="android.jpg" style="width: 200px;"/></a>
  55. </div>
  56. </center>
  57. </div>
  58. </div>
  59. </p>
  60. </center>
  61. </div>
  62. <script type="text/javascript">
  63. $(window).on("load",function(){
  64. var winHeight = $(window).height();
  65. function is_weixin() {
  66. var ua = navigator.userAgent.toLowerCase();
  67. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  68. return true;
  69. } else {
  70. return false;
  71. }
  72. }
  73. var isWeixin = is_weixin();
  74. if(isWeixin){
  75. $(".weixin-tip").css("height",winHeight);
  76. $(".weixin-tip").show();
  77. }
  78. })
  79. </script>
  80. </body>
  81. </html>