標籤：tca att splay ogg screens mon form 公眾號 http
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<title>老司機帶帶我！話費免費送！！</title>
<!-- <link href="style/swiper.3.1.7.min.css" rel="stylesheet">
-->
<link href="style/common.css" rel="stylesheet">
<link href="style/index.css" rel="stylesheet">
<div id=‘wx_pic‘ style=‘margin:0 auto;display:none;‘>
<img src="images/fenxiang.jpg" />
</div>
</head>
<body>
<div class="index_banner">
<img src="images/index_pic_01.jpg">
<h2>活動規則</h2>
</div>
<div class="index_main">
<img src="images/index_pic_02.jpg">
<div class="kefu">
<a href="http://im.189.cn/cw/?cf=1&cid=8029&manid=934">
<img src="images/kefu.png"></a>
</div>
</div>
<div class="index_btn">
<div class="index_btn_l">
<img src="images/index_pic_03.jpg"></div>
<div class="index_btn_r">
<img src="images/index_pic_04.jpg"></div>
</div>
<div class="prize">
<a href="jiangpinye.html">
<img src="images/index_pic_05.jpg"></a>
</div>
<div id="TB_overlayBG"></div>
<!--分享頁-->
<div class="share">
<h2>
長按圖片分享給你好友，好友通過掃描二維碼成功，申請0元體驗日租卡，即可獲得
<span>5元話費</span>
哦！！
</h2>
<div class="share_main" id="share_main" style="display:block;">
<div class="share_main_top">
<div class="touxiang" style="width:40px;height:40px;border:#fff 2px solid;border-radius:40px;float:left;background:url(images/touxiang.jpg) no-repeat;background-size:cover;"></div>
<h3>劉鶴測試劉鶴測試劉鶴試劉鶴試劉鶴測試</h3>
</div>
<div class="share_main_con" style="width:100%;height:207px;background:url(images/share_pic_03.jpg) no-repeat;background-size:cover;"></div>
<div class="share_main_bot">
<div class="share_erweima" style="width:80px;height:80px;background:url(images/erweim.png) no-repeat;background-size:cover;"></div>
<h4>長按上方二維碼申請0元免費體驗資格</h4>
</div>
</div>
<div class="share-canves" id="share-canves" style="width:86%;margin:0 auto;display:block; position:absolute;left:7%;top:80px;z-index:1000;">
</div>
<div class="share-canves" id="share-pic" style="width:86%;margin:0 auto;display:block; position:absolute;left:7%;top:80px;z-index:1002;"> <img id="greImg" src=""></div>
</div>
<!-- 輸入框 -->
<div class="box2 show1"> <i class="close_btn1"><img src="images/view-close.png" ></i>
<div class="tips">
<input type="text" placeholder="請輸入你的手機號碼"></div>
<div class="btn-one">
<a href="javascript:void(0);" class=" ssq_btn">試試手氣</a>
</div>
</div>
<!-- 輸入框 -->
<!-- 陝西電信手機號碼 -->
<div class="box2 show2"> <i class="close_btn1"><img src="images/view-close.png" ></i>
<div class="tips">
<h3>提示訊息</h3>
<p>
好可惜，您錯過了0元體驗機會！！
您可以邀請好友體驗，贏取話費獎勵哦~~。
</p>
</div>
<div class="btn-one">
<a href="javascript:void(0);" class="close_btn1">我知道了</a>
</div>
</div>
<!-- 陝西電信手機號碼 -->
<!-- 異網二次參加 -->
<div class="box2">
<i class="close_btn1">
<img src="images/view-close.png" ></i>
<div class="tips">
<h3>提示訊息</h3>
<p>你已經免費申請過啦，下次活動再參與吧！</p>
</div>
<div class="btn-one">
<a href="javascript:void(0);" class="close_btn1">我知道了</a>
</div>
</div>
<!-- 異網二次參加 -->
<!-- 活動規則 -->
<div class="rules rules1">
<h2>
活動規則
<i class="close_btn1">
<img src="images/ico-close.png" ></i>
</h2>
<div class="rules-list clearfix">
<ul>
<p>1.啟用時間：2016年12月15日 - 12月18日；</p>
<p>
2.本次活動僅限關注【創翔網路】公眾號並使用西安電信手機號綁定使用者參與，未關注或使用非西安電信手機號綁定的使用者，無法參與本次活動；
</p>
<p>3.活動期間，每個使用者僅能參加一次，重複參加無效；</p>
<p>4.使用者成功參加活動後，贈送的100M省內流量，將在24小時內贈送到獲獎手機號碼中；</p>
<p>
5.活動贈送的流量為省內流量，當月使用，當月有效，沖抵在套餐使用流量之前，不可延續使用。所有在售套餐均可使用辦理，其中原聯通套餐、無線寬頻、OCS、流量按時間長度計費的使用者無法獲得贈送流量；
</p>
</ul>
</div>
</div>
<!-- 活動規則 -->
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/swiper.3.1.7.min.js"></script>
<script src="js/jquery-h5commonV1.js"></script>
<script src="js/html2canvas.js"></script>
<script type="text/javascript">
$(function(){
// 公用關閉彈出層
$(".close_btn1").click(function(){
hideDiv("box2");
});
// 彈出關閉層
$(".index_btn_l").click(function(){
showDiv("show1");
})
$(".ssq_btn").click(function(){
hideDiv("show1");
showDiv("show2");
})
//活動規則
rules("index_banner h2","rules1");
//分享賺話費
$(".index_btn_r").click(function(){
$("#TB_overlayBG").show();
$(".share").show();
takeScreenshot1();
// $("#share-pic").appendChild(convertCanvasToImage(canvas));
$(".share_main").hide();
})
})
</script>
<script type="text/javascript">
var scanves=document.getElementById("share-canves");
var canvas=$("#share-canves canvas");
function takeScreenshot1() {
html2canvas($("#share_main"), {
logging:false,
useCORS:true,
proxy: false,
onrendered: function(canvas) {
scanves.appendChild(canvas);
var dataURL = canvas.toDataURL(‘image/png‘);
$("#greImg").attr("src",dataURL);
}
});
}
</script>
</body>
</html>
html2canvas截屏用法
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
