| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| <title>分享有礼</title> |
| <meta name="keywords" content="看道州,分享有礼" /> |
| <meta name="description" content="e通道,分享有礼"/> |
| <style type="text/css"> |
|
|
| body,menu,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;border:0; } |
| html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} |
| body{ font-size:16px; font-family:"simsun"; line-height:30px; max-width:640px; min-width:300px; margin:0 auto; background:#EEEEEE} |
| .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} |
| .clearfix{display:inline-block;} |
| .clearfix {display:block;} |
| .container{ position:relative;} |
| .atitle {color: #441F05; padding: 12px 0; font-size: 24px; margin: 12px 12px 12px 12px; font-family:"微软雅黑";} |
| .atitle1 {color: #AAAAAA; padding: 12px 0; font-size: 18px; margin: 12px 12px 12px 12px; font-family:"微软雅黑";} |
| .atitle2 {color: #BF8300; padding: 12px 0; font-size: 18px; margin: 12px 12px 12px 12px; font-family:"微软雅黑";} |
| .header_bar{background:#eee; width:auto;} |
| .share_bar{background:#EEEEEE; width:auto; text-align:center;} |
| </style> |
| </head> |
| <body > |
| <script type="text/javascript" language="javascript"> |
| window.onload=function(){ |
| changeImgSize(); |
| changeImgSize1(); |
| } |
| function changeImgSize(){ |
| var getContainer=document.getElementById('imgcontainer'); |
| var getIMG=getContainer.getElementsByTagName('img')[0]; |
| var fw=getContainer.offsetWidth-(2*getContainer.clientLeft); |
| var fh=getContainer.offsetHeight-(2*getContainer.clientTop); |
| var iw=getIMG.width; |
| var ih=getIMG.height; |
| var m=iw/fw; |
| var n=ih/fh; |
| if(m>=1&&n<=1) |
| { |
| iw=Math.ceil(iw/m); |
| ih=Math.ceil(ih/m); |
| getIMG.width=iw; |
| getIMG.height=ih; |
| } |
| else if(m<=1&&n>=1) |
| { |
| iw=Math.ceil(iw/n); |
| ih=Math.ceil(ih/n); |
| getIMG.width=iw; |
| getIMG.height=ih; |
| } |
| else if(m>=1&&n>=1) |
| { |
| getMAX=Math.max(m,n); |
| iw=Math.ceil(iw/getMAX); |
| ih=Math.ceil(ih/getMAX); |
| getIMG.width=iw; |
| getIMG.height=ih; |
| } |
| if(getIMG.height<fh) |
| { |
| var getDistance=Math.floor((fh-getIMG.height)/2); |
| } |
| } |
| function changeImgSize1(){ |
| var getContainer=document.getElementById('imgcontainer1'); |
| var getIMG=getContainer.getElementsByTagName('img')[0]; |
| var fw=getContainer.offsetWidth-(2*getContainer.clientLeft); |
| var fh=getContainer.offsetHeight-(2*getContainer.clientTop); |
| var iw=getIMG.width; |
| var ih=getIMG.height; |
| var m=iw/fw; |
| var n=ih/fh; |
| if(m>=1&&n<=1) |
| { |
| iw=Math.ceil(iw/m); |
| ih=Math.ceil(ih/m); |
| getIMG.width=iw-40; |
| getIMG.height=ih-7; |
| } |
| else if(m<=1&&n>=1) |
| { |
| iw=Math.ceil(iw/n); |
| ih=Math.ceil(ih/n); |
| getIMG.width=iw-40; |
| getIMG.height=ih-7; |
| } |
| else if(m>=1&&n>=1) |
| { |
| getMAX=Math.max(m,n); |
| iw=Math.ceil(iw/getMAX); |
| ih=Math.ceil(ih/getMAX); |
| getIMG.width=iw-40; |
| getIMG.height=ih-7; |
| } |
| if(getIMG.height<fh) |
| { |
| var getDistance=Math.floor((fh-getIMG.height)/2); |
| } |
| } |
| </script> |
| <div class="header_bar clearfix" id="imgcontainer"> |
| <img src="img/top.jpg" /> |
| </div> |
|
|
| <div class="container"> |
| <div id="title" class="atitle">分享本活动给朋友圈的小伙伴,即可参与时刻新闻客户端新用户大礼活动</div> |
| </div> |
|
|
| <div class="container"> |
| <input name="textfield" type="text" placeholder="请输入手机号码" style="display:block;width:78%;margin: auto; padding: 5px 20px; line-height: 40px; font-size:24px; font-family:微软雅黑 border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: #CCCCCC; background-color: rgb(255, 255, 255);"> |
| </div> |
|
|
| <div class="container"> |
| <div id="title" class="atitle2">为了奖品的顺利发放,请填写真实的手机号码</div> |
| </div> |
|
|
| <div class="container"> |
| </div> |
|
|
| <div class="share_bar clearfix" id="imgcontainer1"> |
| <a href="javascript:;" onclick="WeiXinShareBtn()"><img src="img/share.png" /></a> |
| </div> |
|
|
| <div class="container"> |
| <div id="title" class="atitle1"> |
| ●仅限每位新安装客户端用户参与本次活动<br> |
| ●本次活动的最终解释权归湖南红网新闻网络传播有限责任公司所有 |
| </div> |
| </div> |
|
|
| <script type="text/javascript"> |
|
|
| function WeiXinShareBtn() { |
| alert("success!") |
| jsBridge.WeixinJSShare("1","时刻新闻","http://3g.rednet.cn/activity/001/","时刻新闻","http://img.app.rednet.cn/rednetcms/u/cms/www/service_ico/logo.png"); |
| } |
|
|
| </script> |
|
|
| </body> |
| </html> |