123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
- <meta content="yes" name="apple-mobile-web-app-capable">
- <meta content="black" name="apple-mobile-web-app-status-bar-style">
- <meta name="apple-mobile-web-app-title" content="应用标题">
- <!-- uc强制竖屏 -->
- <meta name="screen-orientation" content="portrait">
- <!-- UC强制全屏 -->
- <meta name="full-screen" content="yes">
- <!-- UC应用模式 -->
- <meta name="browsermode" content="application">
- <!-- QQ强制竖屏 -->
- <meta name="x5-orientation" content="portrait">
- <!-- QQ强制全屏 -->
- <meta name="x5-fullscreen" content="true">
- <!-- QQ应用模式 -->
- <meta name="x5-page-mode" content="app">
- <!-- 是针对一些老的不识别viewport的浏览器,列如黑莓 -->
- <meta name="HandheldFriendly" content="true">
- <!--meta viewport-->
- <meta name="viewport" content="width =device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
- <!-- 其中:-->
- <!-- width – viewport的宽度-->
- <!-- height – viewport的高度-->
- <!-- initial-scale – 初始的缩放比例-->
- <!-- minimum-scale – 允许用户缩放到的最小比例-->
- <!-- maximum-scale – 允许用户缩放到的最大比例-->
- <!-- user-scalable – 用户是否可以手动缩放-->
- <!-- 微软的老式浏览器 -->
- <meta name="MobileOptimized" content="320">
- <title>利亚方舟</title>
- <bgsound src="meng.mp3" autostart=true loop="-1" />
- <link rel="stylesheet" href="./app/www/control/css/style.css" />
- <script type="text/javascript" src="../../js/jquery-1.8.2.min.js"></script>
- <style type="text/css">
- .mas{ width:102.5%; margin-left:-10px;}
- .mune{ float:left; margin-left:0.54rem; width:100%; text-align:center;}
- 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;}
- .teer{ width:180px; height:20px;}
- .kuan{ margin-top:-121px; margin-left:100px;}
- .kuans{ margin-top:110px;}
- </style>
- </head>
- <body >
- <div class="mas">
- <img src="./images/万众营销宣传页面1-02.png" width="102.5%" />
- </div>
- <div class="mas">
- <img src="./images/万众营销宣传页面1-03.png" width="102.5%" />
- </div>
- <div class="mas">
- <img src="./images/万众营销宣传页面1-04.png" width="102.5%" />
- </div>
- <div class="mas">
- <img src="./images/万众营销宣传页面1-05.png" width="102.5%" />
- </div>
- <div class="mas">
- <img src="./images/万众营销宣传页面1-06.png" width="102.5%" />
- </div>
- <div class="kuan">
- <input type="text" name="name" style="background-image:url(./images/kuan.png); width:200px; height:23px; border:hidden;" />
- </div>
- <div class="kuans">
- <input type="text" name="poho" style="background-image:url(./images/kuan.png); width:200px; height:23px; border:hidden;" />
- </div>
- <!--<div style="margin-top:-50px; margin-left:35px; width:90%;">
- <img src="./images/提交按钮-01.png" style="width:90%" height="35px;"/>
- </div>-->
- <audio id="myaudio" src="./images/meng.mp3" autoplay="autoplay" loop="false" hidden="true" >
- </audio>
- <script language="javascript">
- $(window).scroll(function(){
- var scrollTop = $(this).scrollTop();
- var scrollHeight = $(document).height();
- var windowHeight = $(this).height();
- if(scrollTop + windowHeight == scrollHeight){
- //alert("底部");
- $("footer").hide();
- }else{
- $("footer").show();
- }
- });
- $(document).ready(function () {
- var myAuto = document.getElementById("myaudio");
- myAuto.play();
- });
- </script>
- <footer>
- <div class="mune">
- <div><label style="color:#009900; font-size:18px;">张虹 </label><span style="color:#FFFFFF;font-size:18px;">已经为little baby 儿童摄影潮牌<br />
- 代言,邀请你成为宝贝经济人!</span>
- </div>
- <div style="margin-left:40px; margin-top:5px;">
- <a href="#"><img src="./images/jiaru.jpg" width="140px" height="35px" /><a>
- <a href="images/bg-guide.png"><img src="./images/fen.jpg" width="140px" height="35px" /></a>
- </div>
- </div>
- </footer>
- </body>
- </html>
|