自制简易打赏功能的实例

  

  

自制简易打赏功能的实例

  

  

自制简易打赏功能的实例

  

将如下代码中的替换为刚刚上传的收款码图片的链接地址,然后将代码添加到<强>设置→<强>博客侧边栏公告(支持HTML代码)

        & lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在   & lt; html xmlns=" http://www.w3.org/1999/xhtml "比;      & lt; head>   & lt;元http-equiv=? type”内容=" text/html;“/比;   & lt; title>打赏& lt;/title>   & lt;风格类型=" text/css "比;   # dsSidebar {   z - index: 999999;   上图:18%;   宽度:200 px;   身高:200 px;   位置:固定;   右:-200 px;   }      # dsBtn {   z - index: 999999;   宽度:30 px;   高度:58 px;   左:-30 px;   前:80像素;   行高:28 px;   位置:绝对的;   }      .dsPanels {   保证金:0 px汽车;   溢出:隐藏;   }      .dsPanel {   浮:左;   保证金:0 px 0 px;   填充:12 px 0 px;   text-align:中心;   背景:# ffeedd;   边框颜色:# ffeedd;   border - radius: 8 px;   }      .dsPanel-highlight {   margin-top: 0;   margin-bottom: 0;   padding-left: 10 px;   padding-right: 10 px;   宽度:160 px;   边界:8 px固体# fd935c;   }      .dsPanel-button {   显示:块;   字体大小:16 px;   粗细:500;   颜色:# ffeedd;   text-align:中心;   文字修饰:没有;   文本阴影:0 1 px rgba(黑色,1。);   背景:# fd935c;   边界底部:2 px固体# cf7e3b;   边框颜色:rgba(黑色,酒精含量);   border - radius: 4 px;   }      .dsPanel-title {   宽度:128 px;   保证金:-15 px汽车15 px;   padding-bottom: 0 px;   行高:22 px;   字体大小:14 px;   粗细:大胆的;   颜色:# ffeedd;   文本阴影:0 1 px rgba(黑色,. 05);   背景:# fd935c;   border - radius: 0 0 4 px 4 px;   }   & lt;/style>   & lt; script>   函数moveBtn () {   var dsBtn=. getelementbyid (“dsBtn”);   现在var=新的日期();   var倍=now.getTime ();   var offsetSize=数学。罪(次/380.0)* 15 + 45;   var=半径数学。罪(次/380.0)* 18 + 24;   dsBtn.style。左=-offsetSize +“px”;   dsBtn.style。宽度=offsetSize +“px”;   dsBtn.style。borderRadius=+ px的半径;   setTimeout (moveBtn、60);   }      var dsSidebarTimer=零;   var dsSidebarOffsetRight=-200;   函数startMove (dsSidebarTarget dsSidebarSpeed) {   clearTimeout (dsSidebarTimer);   函数doMove () {   var dsSidebar=. getelementbyid (“dsSidebar”);   dsSidebarSpeed *=0.9;   如果(dsSidebarSpeed比;1,,dsSidebarSpeed & lt;0) {   dsSidebarSpeed=1;   }else if (dsSidebarSpeed & lt;1,,dsSidebarSpeed祝辞0) {   dsSidebarSpeed=1;   }   dsSidebarOffsetRight=dsSidebarOffsetRight + dsSidebarSpeed;   如果(dsSidebarSpeed比;0,,dsSidebarOffsetRight祝辞=dsSidebarTarget) {   dsSidebarOffsetRight=dsSidebarTarget;   dsSidebar.style。正确的=dsSidebarOffsetRight +“px”;   }else if (dsSidebarSpeed & lt;0,,dsSidebarOffsetRight & lt;=dsSidebarTarget) {   dsSidebarOffsetRight=dsSidebarTarget;   dsSidebar.style。正确的=dsSidebarOffsetRight +“px”;   其他}{   dsSidebar.style。正确的=dsSidebarOffsetRight +“px”;   dsSidebarTimer=setTimeout (doMove 30);   }   }   doMove ();   }   . getelementbyid (“dsImg”)。onload=function () {   var dsSidebar=. getelementbyid (“dsSidebar”);   dsSidebar。onmouseover=function () {   startMove (0, 24);   }   dsSidebar。onmouseout=function () {   startMove (-200、-24);   }   moveBtn ();   }   & lt;/script>   & lt;/head>      & lt; body>   & lt; div id=癲sSidebar”比;   & lt; div类=癲sPanels”比;   & lt; div class=" dsPanel dsPanel-highlight”比;   & lt; p class=" dsPanel-title”祝辞喜欢请用微信打赏& lt;/p>   & lt; img id=' dsImg ' src=" http://files.cnblogs.com/files/eritpang/weixin.bmp " alt="宽度==" 160 "/" 160 "高度比;   & lt;/div>   & lt;/div>   & lt;跨类=" dsPanel-button " id=癲sBtn”祝辞& lt; b>打& lt; br/祝辞赏& lt;/b> & lt;/span>   & lt;/div>   & lt;/body>      & lt;/html>      

自制简易打赏功能的实例