您现在的位置是:主页 > 博客网站制作 > 网站建设教程 > >
个人网站制作简单的二维码收?/h1>
admin 2019-04-03【网站建设教程?/span>人已围观
简?/b>个人博客网站制作一个收款打赏的二维码,支付宝收款二维码,微信收款二维码?1 div class = dashangma div class = ewm ul li img src = http://man.yangqq.com/skin/html/imag...
个人博客网站制作一个收款打赏的二维码,支付宝收款二维码,微信收款二维码?/span>
效果如下

1
|
< div class = "dashangma" >< div class = "ewm" >< ul >< li >< img src = "http://man.yangqq.com/skin/html/images/weipayimg.jpg" >微信收款?lt;/ li >< li >< img src = "http://man.yangqq.com/skin/html/images/alipayimg.jpg" >支付宝收款码</ li ></ ul ></ div >< span class = "btnds" >打赏</ span ></ div > |
js
1
2
3
|
$( ".btnds" ).click( function (){ $( ".ewm" ).toggle(); }); |
CSS
1
2
3
4
5
|
.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 } |

很赞哦! (0 )
上一篇:上一篇:帝国cms调用自定义分?/a>
下一篇:下一篇:【个人博客空间申请】金牛云服免费领空间