Lord.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta name="apple-mobile-web-app-title" content="应用标题">
  10. <!-- uc强制竖屏 -->
  11. <meta name="screen-orientation" content="portrait">
  12. <!-- UC强制全屏 -->
  13. <meta name="full-screen" content="yes">
  14. <!-- UC应用模式 -->
  15. <meta name="browsermode" content="application">
  16. <!-- QQ强制竖屏 -->
  17. <meta name="x5-orientation" content="portrait">
  18. <!-- QQ强制全屏 -->
  19. <meta name="x5-fullscreen" content="true">
  20. <!-- QQ应用模式 -->
  21. <meta name="x5-page-mode" content="app">
  22. <!-- 是针对一些老的不识别viewport的浏览器,列如黑莓 -->
  23. <meta name="HandheldFriendly" content="true">
  24. <!--meta viewport-->
  25. <meta name="viewport" content="width =device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  26. <!-- 其中:-->
  27. <!-- width – viewport的宽度-->
  28. <!-- height – viewport的高度-->
  29. <!-- initial-scale – 初始的缩放比例-->
  30. <!-- minimum-scale – 允许用户缩放到的最小比例-->
  31. <!-- maximum-scale – 允许用户缩放到的最大比例-->
  32. <!-- user-scalable – 用户是否可以手动缩放-->
  33. <!-- 微软的老式浏览器 -->
  34. <meta name="MobileOptimized" content="320">
  35. <title>利亚方舟</title>
  36. <bgsound src="meng.mp3" autostart=true loop="-1" />
  37. <link rel="stylesheet" href="./app/www/control/css/style.css" />
  38. <script type="text/javascript" src="../../js/jquery-1.8.2.min.js"></script>
  39. <style type="text/css">
  40. .mas{ width:102.5%; margin-left:-10px;}
  41. .mune{ float:left; margin-left:0.54rem; width:100%; text-align:center;}
  42. footer{ position:fixed;bottom:0px;left:0px; margin-top:0.2rem; width:100%; height:100px; background-color:#333333; repeat-x; padding-top:0.2rem; font-size:0.24rem;}
  43. .teer{ width:180px; height:20px;}
  44. .kuan{ margin-top:-121px; margin-left:100px;}
  45. .kuans{ margin-top:110px;}
  46. </style>
  47. </head>
  48. <body >
  49. <div class="mas">
  50. <img src="./images/万众营销宣传页面1-02.png" width="102.5%" />
  51. </div>
  52. <div class="mas">
  53. <img src="./images/万众营销宣传页面1-03.png" width="102.5%" />
  54. </div>
  55. <div class="mas">
  56. <img src="./images/万众营销宣传页面1-04.png" width="102.5%" />
  57. </div>
  58. <div class="mas">
  59. <img src="./images/万众营销宣传页面1-05.png" width="102.5%" />
  60. </div>
  61. <div class="mas">
  62. <img src="./images/万众营销宣传页面1-06.png" width="102.5%" />
  63. </div>
  64. <div class="kuan">
  65. <input type="text" name="name" style="background-image:url(./images/kuan.png); width:200px; height:23px; border:hidden;" />
  66. </div>
  67. <div class="kuans">
  68. <input type="text" name="poho" style="background-image:url(./images/kuan.png); width:200px; height:23px; border:hidden;" />
  69. </div>
  70. <!--<div style="margin-top:-50px; margin-left:35px; width:90%;">
  71. <img src="./images/提交按钮-01.png" style="width:90%" height="35px;"/>
  72. </div>-->
  73. <audio id="myaudio" src="./images/meng.mp3" autoplay="autoplay" loop="false" hidden="true" >
  74. </audio>
  75. <script language="javascript">
  76. $(window).scroll(function(){
  77.   var scrollTop = $(this).scrollTop();
  78.   var scrollHeight = $(document).height();
  79.   var windowHeight = $(this).height();
  80.   if(scrollTop + windowHeight == scrollHeight){
  81.     //alert("底部");
  82. $("footer").hide();
  83.   }else{
  84. $("footer").show();
  85. }
  86. });
  87. $(document).ready(function () {
  88. var myAuto = document.getElementById("myaudio");
  89. myAuto.play();
  90. });
  91. </script>
  92. <footer>
  93. <div class="mune">
  94. <div><label style="color:#009900; font-size:18px;">张虹&nbsp;</label><span style="color:#FFFFFF;font-size:18px;">已经为little baby 儿童摄影潮牌<br />
  95. 代言,邀请你成为宝贝经济人!</span>
  96. </div>
  97. <div style="margin-left:40px; margin-top:5px;">
  98. <a href="#"><img src="./images/jiaru.jpg" width="140px" height="35px" /><a>&nbsp;&nbsp;&nbsp;&nbsp;
  99. <a href="images/bg-guide.png"><img src="./images/fen.jpg" width="140px" height="35px" /></a>
  100. </div>
  101. </div>
  102. </footer>
  103. </body>
  104. </html>