<!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>
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 js 
jquery.js 92KB css wxzf.css 5KB
index.html 3KB xw素材.htm 3KB cg.html 1KB资源评论
Zy.周瑜2019-04-06emmmmmm~可以
愚明2019-09-25页面画的不错，学习了
0o小肆o02020-08-19页面有借鉴到- jefferykk2018-10-27正好需要这个支付页面，谢谢楼主。
