html与js搭建网站微信打赏代码

html与js搭建网站微信打赏代码，从网上找了个比较好的利用JS、Jquery制作的打赏页面实例，经过修改后可以直接嵌入到任意文章中。有需要的朋友可以直接拿去稍微调整一下就代码可以使用了！

<!-- 代码 开始 -->    
<link rel='stylesheet'  href='/static/ds/css/pastyle.css' type='text/css' media='all' />    
<div id="dcontAIner">    
	<div class="donate">    
<p><a href="javascript:void(0)" onclick="dashangToggle()" class="dashang" title="打赏，支持一下">打赏支持</a></p>    
<div class="hide_box"></div>    
<div class="shang_box">    
   	<a class="shang_close" href="javascript:void(0)" onclick="dashangToggle()" title="关闭"><img src="/static/ds/img/close.jpg" alt="取消" /></a>    
   	<div class="shang_tit">    
   		<p>感谢您的支持，我会继续努力的!</p>    
   	</div>    
   	<div class="shang_payimg">    
   		<img src="/static/ds/img/alipayimg.png" alt="扫码支持" title="扫一扫" />    
   	</div>    
   		<div class="pay_explain">打赏，你说多少就多少</div>    
   	<div class="shang_payselect">    
   		<!--<div class="pay_item checked" data-id="alipay"> <span class="radiobox"></span> <span class="pay_logo"><img src="/static/ds/img/alipay.jpg" alt="支付宝" /></span> </div>    
    		-->    
   		<div class="pay_item" data-id="weipay"> <span class="radiobox"></span> <span class="pay_logo"><img src="/static/ds/img/wechat.jpg" alt="微信" /></span> </div>    
   	</div>    
   	<div class="shang_info"> <p>打开<span id="shang_pay_txt">微信</span>扫一扫，进行打赏哦</p> </div>    
</div>    
</div>     
</div>      
<script type="text/javascript">    
$(function(){    
   	$(".pay_item").click(function(){    
   		$(this).addClass('checked').siblings('.pay_item').removeClass('checked');    
   		var dataid=$(this).attr('data-id');    
   		$(".shang_payimg img").attr("src","/static/ds/img/"+dataid+"img.jpg");    
   		$("#shang_pay_txt").text(dataid=="alipay"?"支付宝":"微信");    
   	});    
});    
function dashangToggle(){    
   	$(".hide_box").fadeToggle();    
   	$(".shang_box").fadeToggle();    
}    
</script>    
<!-- 代码 结束 -->