个人博客网站制作简单的二维码收款

时间：2019-03-05 00:00:00 阅读数：人阅读

个人博客网站制作一个收款打赏的二维码，支付宝收款二维码，微信收款二维码。

<div class="dashangma">
 <div class="ewm">
    <ul>
      <li><img src="images/weipayimg.jpg">微信收款码</li>
      <li><img src="images/alipayimg.jpg">支付宝收款码</li>
    </ul>
  </div>
<span class="btnds">打赏</span>
</div>

  	$(".btnds").click(function(){       
        $(".ewm").toggle();	
     });

CSS

.ewm { width: 300px; margin: auto; padding:20px; box-shadow: #cecbcb 1px 1px 10px; display: none; }
.ewm ul { text-align: center; }.ewm ul li { display: inline-block; }
.ewm ul li img { width: 140px !important; height: 140px !important; }
.dashangma span { width: 60px; height: 60px; background: #F3B840; display: block; line-height: 60px; text-align: center; margin: 20px auto; border-radius: 50%; color: #fff; font-size: 18px;cursor:pointer }

效果如下