SEO技术博客帝国教程↬帝国cms二维码收款功能怎么实现?帝国cms实现二维码收款功能演示

帝国cms二维码收款功能怎么实现?帝国cms实现二维码收款功能演示

聚彩天地2020-05-11 22:30【帝国教程】快速评论

帝国cms二维码收款功能如何实现?先将自己亲测实用的一个方法告知大家,事先需要准备好自己的微信和支付宝收款二维码。帝国cms实现二维码收款功能的方法如下:


第一步:在需要显示打赏功能的内容页添加如下代码:


<div class="dashangma"><div class="ewm"><ul><li><img src="http://www.vipshan.com/uploads/allimg/200511/2230525Y0-0.jpg">微信收款码</li><li><img src="http://www.vipshan.com/uploads/allimg/200511/2230522200-1.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 }


最终实现的效果图如下:


演示页面如下链接


- END -

浏览完了?你可以点我去评论留下观点!

评论

    不发表一下观点,这个评论功能拿来做什么?
    • 全部评论(0
      还没有评论,快来抢沙发吧!