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

编辑：橙子来源：转载时间：2021-08-12 阅读：144 次

给个人博客网站制作一个收款打赏的二维码，支付宝收款二维码，微信收款二维码，说不定还能给你带来一点额外收入！

<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:10px; box-shadow: #cecbcb 1px 1px 10px; display: none; }
.ewm ul { text-align: center; }
.ewm ul li { display: inline-block;width: 48%; }
.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 }

效果如下

相关标签：二维码收款

版权声明 1、文章标题： 个人博客网站制作简单的二维码收款
2、本文网址： https://www.trom.cn/Fycms/jiaocheng/9.html
3、本站部分内容来源于网络，仅供大家学习与参考，如有侵权，请联系站长邮箱：906080088@qq.com进行处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。

上一篇：没有了

下一篇：关于响应式Web设计技巧以及入门

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

让网页“浪“起来，网页底部好看的波浪代码

使用JavaScript实现网页的白天黑夜模式

JS根据不通的域名显示不同的备案号和内容

网站美化 – 复制提醒和禁用F12以及右键菜单提醒代码美化版

给网站外链添加GO跳转提示代码

为你的网站部署jQuery.lazyload插件实现图片延迟加载