为自己的博客增加打赏功能之EMLOG博客教程

emlog教程 2020-08-25

  经常在一些

  博客中看到有一个打赏功能。今天也写了一个简单的打赏功能代码,需要注意的是,

  博客必须加载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 打赏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;}

  第3步:在需要放置的地方插入下面代码,注意把其中的图片地址改为你自己的哦。

  

打赏

  

X

  

打赏方式:
  • 支付宝
  • 微信
  • QQ红包

  

为自己的博客增加打赏功能之EMLOG博客教程-
打开支付宝扫一扫

  

  

  以上3步就完成了。

评论 (0)
    Top