您现在的位置是:首页 > 博客网站制作 > 个人博客搭建个人博客搭建

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

杨青青 2019-03-05【个人博客搭建】人已围观

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

个人博客网站制作一个收款打赏的二维码,支付宝收款二维码,微信收款二维码。
<div class="dashangma"><div class="ewm"><ul><li><img src="http://man.yangqq.com/skin/html/images/weipayimg.jpg">微信收款码</li><li><img src="http://man.yangqq.com/skin/html/images/alipayimg.jpg">支付宝收款码</li></ul></div><span class="btnds">打赏</span></div>      

js

  	$(".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 }
效果如下



 

很赞哦! ()

文章评论

站点信息

打赏本站

  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!
  • 微信扫码:你说多少就多少~
  • 支付宝扫码:你说多少就多少~