index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> -->
  6. <title></title>
  7. </head>
  8. <style type="text/css">
  9. * {
  10. margin: 0px;
  11. padding: 0px;
  12. }
  13. html{
  14. height:100%;
  15. }
  16. body {
  17. width: 100%;
  18. margin: 0 auto;
  19. position: relative;
  20. /*overflow: hidden;*/
  21. }
  22. .header {
  23. text-align: center;
  24. width: 100%;
  25. height: auto;
  26. margin: 0 auto;
  27. z-index: -1;
  28. }
  29. .content {
  30. width:100%;
  31. z-index: 1;
  32. position: absolute;
  33. float: left;
  34. bottom:15%;
  35. text-align: center;
  36. /*padding: 15px;*/
  37. }
  38. .content a {
  39. /*margin-right: 30px;*/
  40. }
  41. center> div{
  42. margin-bottom: 20px;
  43. }
  44. .footer {
  45. display: none;
  46. padding: 2px 0;
  47. width: 100%;
  48. height: auto;
  49. float: left;
  50. margin-bottom: 20px;
  51. }
  52. .footer ul li {
  53. width: 100%;
  54. font-size: 微软雅黑;
  55. font-size: 20px !important;
  56. text-align: center;
  57. list-style-image: url(dian.png);
  58. /*list-style: hiragana;*/
  59. }
  60. </style>
  61. <script type="text/javascript">
  62. function goDownload() {
  63. // TODO
  64. window.location.href = 'http://lcsf.ccstudy.cn:8090/appInstall/LicangPufa/H5ADD124B.apk';
  65. }
  66. </script>
  67. <body>
  68. <div class="header">
  69. <img src="bg.png" style="width: 100%!important;"/>
  70. </div>
  71. <div class="content">
  72. <center>
  73. <div>
  74. <a href="http://www.astroway.net:8090/appInstall/LicangPufa/H5ADD124B.apk">
  75. <img src="android.png" style="width: 40%!important;"/>
  76. </a>
  77. </div>
  78. <div style="display:block;">
  79. <a href="itms-services://?action=download-manifest&amp;url=https://astroway.net:8444/appInstall/LicangPufa/licangPufa_SSL.plist">
  80. <img src="ios.png" style="width: 40%!important;"/>
  81. </a>
  82. </div>
  83. </center>
  84. </div>
  85. <div class="footer">
  86. <ul>
  87. <li>全新的学习方式</li>
  88. <li>全真的模拟测试</li>
  89. <li>界面简洁好学习</li>
  90. <li>操作方便性能好</li>
  91. <li>错题题库针对强</li>
  92. <li>收藏题库学习妙</li>
  93. <li>边练边学记忆深</li>
  94. <li>法律法规记得牢</li>
  95. </ul>
  96. </div>
  97. <div id="weixin-tip" style="display:none;"><p><img src="live_weixin.png" style="width:99%" alt="微信打开"/></p></div>
  98. <style>
  99. #weixin-tip {
  100. position: fixed;
  101. left: 0;
  102. top: 0;
  103. background: rgba(0, 0, 0, 0.8);
  104. filter: alpha(opacity=80);
  105. width: 100%;
  106. height: 100%;
  107. z-index: 100;
  108. }
  109. #weixin-tip p {
  110. text-align: center;
  111. margin-top: 10%;
  112. padding: 0 5%;
  113. }
  114. </style>
  115. <script type="text/javascript">
  116. function is_weixin() {
  117. var ua = navigator.userAgent.toLowerCase();
  118. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  119. return true;
  120. } else {
  121. return false;
  122. }
  123. }
  124. var isWeixin = is_weixin();
  125. if (isWeixin) {
  126. var weixinTip = document.getElementById('weixin-tip');
  127. weixinTip.style.display = 'block';
  128. }
  129. </script>
  130. <script type="text/javascript">
  131. /*
  132. * 智能机浏览器版本信息:
  133. */
  134. var MyBrowser = {
  135. versions: function () {
  136. var u = navigator.userAgent, app = navigator.appVersion;
  137. return {//移动终端浏览器版本信息
  138. trident: u.indexOf('Trident') > -1, //IE内核
  139. presto: u.indexOf('Presto') > -1, //opera内核
  140. webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
  141. gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
  142. mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
  143. ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
  144. android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
  145. iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
  146. iPad: u.indexOf('iPad') > -1, //是否iPad
  147. webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
  148. };
  149. }(),
  150. language: (navigator.browserLanguage || navigator.language).toLowerCase()
  151. };
  152. /*
  153. * 根据浏览器版本智能决定ios、android下载链接哪个显示哪个不显示。
  154. */
  155. var androidA = document.getElementById('android-a-id');
  156. var iosA = document.getElementById('ios-a-id');
  157. if (MyBrowser.versions.ios || MyBrowser.versions.iPhone || MyBrowser.versions.iPad) {
  158. androidA.style.display = 'none';
  159. } else if (MyBrowser.versions.android) {
  160. iosA.style.display = 'none';
  161. }
  162. androidA.addEventListener('click', function () {
  163. androidA.innerHTML = '开始下载,请等待...';
  164. });
  165. iosA.addEventListener('click', function () {
  166. iosA.innerHTML = '开始下载,请等待...';
  167. });
  168. </script>
  169. </body>
  170. </html>