经常在一些博客中看到有一个打赏功能。今天舍力也写了一个简单的打赏功能代码，需要注意的是，博客必须加载js，emlog博客默认为include/lib/js/jquery/jquery-1.7.1.js，不确定是否会与你们本身的主题特效有冲突。还有的就是，动手之前，记得备份，养成好习惯！
第一步：在js中写入下面代码
function dashangToggle(){$(".shang_box").fadeToggle();}function changeItem(i){var k = 3;for(var j = 0;j < k;j++){if(j == i){document.getElementById("sl_shang" + j).style.display = "block";}else{document.getElementById("sl_shang" + j).style.display = "none";}}}function opay(){document.getElementById("sl_shang").target="_parent";}//舍力制作打赏js第2步：在css中插入如下代码
.sy_shang{clear:both;overflow:hidden;}.shang_box{width:300px;height:300px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-200px;margin-top:-200px;border:1px dotted #dedede;display:none;}.dashang{display:block;width:100px;margin:5px auto;height:25px;line-height:25px;padding:10px;background-color:#E74851;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition:all 0.3s;}.dashang:hover{opacity:0.8;padding:15px;font-size:18px;}#sl_shang0,#sl_shang1,#sl_shang2{text-align:center;}#sl_shang0 img,#sl_shang1 img,#sl_shang2 img{max-width:260px;}.sl_shang{overflow:hidden;}.sl_shang b{font-size:18px;}.sl_shang ul{margin-top:10px; clear:both; overflow:hidden;}.sl_shang li{float:left;margin-left:10px;}
class="sy_shang"> href="javascript:void(0)" onclick="dashangToggle()" class="dashang" title="打赏，支持一下">打赏 class="shang_box"> href="javascript:void(0)" onclick="dashangToggle()" title="关闭" style="float:right;">X id="sl_shang" onsubmit="return postcheck()"> class="sl_shang">打赏方式： type="radio" name="paytype" onclick="opay();return changeItem(0);" checked="checked" />支付宝 type="radio" name="paytype" onclick="opay();return changeItem(1);" />微信 type="radio" name="paytype" onclick="opay();return changeItem(2);" />QQ红包 id="sl_shang0"> src="//www.shuyong.net/content/uploadfile/images/shang/zfb.jpg">
打开支付宝扫一扫
id="sl_shang1" style="display:none;"> src="https://www.yuanmacun.com/content/uploadfile/images/shang/wx.jpg">
使用微信扫一扫
id="sl_shang2" style="display:none;"> src="https://www.yuanmacun.com/content/uploadfile/images/shang/qq.jpg">
打开QQ扫一扫
1、本网站名称：源码村资源网
2、本站永久网址：https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
源码村资源网 » 为自己的博客增加打赏功能之EMLOG博客教程
2、本站永久网址：https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
源码村资源网 » 为自己的博客增加打赏功能之EMLOG博客教程
