html模仿微信支付页面_html支付页面,微信支付html页面资源-CSDN文库

共15个文件

jpg：10个

html：2个

js：1个

微信支付

5星 · 超过95%的资源需积分: 46 80 浏览量 2018-04-05 23:03:14 上传评论 6 收藏 74KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery微信支付.zip （15个子文件）

jquery微信支付

images

jftc_07.jpg 13KB

jftc_18.jpg 3KB

cg_03.jpg 3KB

jt_03.jpg 2KB

jftc_03.jpg 14KB

dd_03.jpg 2KB

jftc_14.jpg 2KB

jftc_09.jpg 9KB

cg_07.jpg 3KB

xx_03.jpg 9KB

jquery.js 92KB

css

wxzf.css 5KB

index.html 3KB

xw素材.htm 3KB

cg.html 1KB

<!DOCTYPE html> <html> <head> <title>jQuery微信支付代码</title> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=no" /> <link rel="stylesheet" type="text/css" href="css/wxzf.css"> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //出现浮动层 $(".ljzf_but").click(function(){ $(".ftc_wzsf").show(); }); //关闭浮动 $(".close").click(function(){ $(".ftc_wzsf").hide(); }); //数字显示隐藏 $(".xiaq_tb").click(function(){ $(".numb_box").slideUp(500); }); $(".mm_box").click(function(){ $(".numb_box").slideDown(500); }); //---- var i = 0; $(".nub_ggg li a").click(function(){ i++ if(i<6){ $(".mm_box li").eq(i-1).addClass("mmdd"); }else{ $(".mm_box li").eq(i-1).addClass("mmdd"); setTimeout(function(){ location.href="cg.html"; },500); //window.document.location="cg.html" } }); $(".nub_ggg li .del").click(function(){ if(i>0){ i-- $(".mm_box li").eq(i).removeClass("mmdd"); i==0; } //alert(i); }); }); </script> </head> <body> <div class="header"> <div class="all_w "> <div class="gofh"> <a href="#"><img src="images/jt_03.jpg" ></a> </div> <div class="ttwenz"> <h4>确认交易</h4> <h5>微信安全支付</h5> </div> </div> </div> <div class="wenx_xx"> <div class="mz">楚楚街微信商城</div> <div class="wxzf_price">￥11.90</div> </div> <div class="skf_xinf"> <div class="all_w"> <span class="bt">收款方</span> <span class="fr">楚楚街</span> </div> </div> <a href="javascript:void(0);" class="ljzf_but all_w">立即支付</a>  <div class="ftc_wzsf"> <div class="srzfmm_box"> <div class="qsrzfmm_bt clear_wl"> <img src="images/xx_03.jpg" class="tx close fl" > <img src="images/jftc_03.jpg" class="tx fl" ><span class="fl">请输入支付密码</span> </div> <div class="zfmmxx_shop"> <div class="mz">楚楚街</div> <div class="wxzf_price">￥11.90</div> </div> <a href="cg.html" class="blank_yh"> <img src="images/jftc_07.jpg" class="fl" ><span class="fl ml5">招商银行信用卡</span> <img src="images/jftc_09.jpg" class="fr"></a> <ul class="mm_box"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div class="numb_box"> <div class="xiaq_tb"> <img src="images/jftc_14.jpg" height="10"> </div> <ul class="nub_ggg"> <li><a href="javascript:void(0);">1</a></li> <li><a href="javascript:void(0);" class="zj_x">2</a></li> <li><a href="javascript:void(0);">3</a></li> <li><a href="javascript:void(0);">4</a></li> <li><a href="javascript:void(0);" class="zj_x">5</a></li> <li><a href="javascript:void(0);">6</a></li> <li><a href="javascript:void(0);">7</a></li> <li><a href="javascript:void(0);" class="zj_x">8</a></li> <li><a href="javascript:void(0);">9</a></li> <li><span></span></li> <li><a href="javascript:void(0);" class="zj_x">0</a></li> <li><span class="del" > <img src="images/jftc_18.jpg" ></span></li> </ul> </div> <div class="hbbj"></div> </div> </body> </html>

评论收藏

内容反馈