简介:帝国cms二维码收款功能如何实现?先将自己亲测实用的一个方法告知大家,事先需要准备好自己的微信和支付宝收款二维码。帝国cms实现二维码收款功能的方法如下:第一步:在需要显示打赏功能的内容页添加如下代码:div ...
|
帝国cms二维码收款功能如何实现?先将自己亲测实用的一个方法告知大家,事先需要准备好自己的微信和支付宝收款二维码。帝国cms实现二维码收款功能的方法如下: 第一步:在需要显示打赏功能的内容页添加如下代码: <div class="dashangma"><div class="ewm"><ul><li><img src="https://img.91jucai.com/images/weipayimg.jpg">微信收款码</li><li><img src="https://img.91jucai.com/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 } 最终实现的效果图如下:
演示页面如下链接 本文仅代表作者个人观点,不代表巅云官方发声,对观点有疑义请先联系作者本人进行修改,若内容非法请联系平台管理员,邮箱qq2522407257。更多相关资讯,请到巅云www.rzxsoft.cn学习互联网营销技术请到巅云学院www.rzxsoft.cn。 |
