admin

打赏代码,单页打赏代码,可以直接调用的单页代码,可拓展

admin 网站技能 2020-02-06 浏览
介绍:wNB源享君
wNB源享君
1、打赏的单页代码
 
2、可以直接点击弹出大图
 
3、图片直接合成好的支付宝和微信的收款二维码
总结都在这里:wNB源享君
wNB源享君
wNB源享君
第一个代码:wNB源享君
wNB源享君
最终的展示图示:wNB源享君
wNB源享君
代码如下:
代码部分:带基本说明
<input type="button" value="点击打赏" onclick="show();"
style="width: 150px; /* 宽度 */ 
 height: 30px; /* 高度 */ 
 border-width: 0px; /* 边框宽度 */ 
 border-radius: 3px; /* 边框半径 */ 
 background:#FFD700; /* 背景颜色 */ 
 cursor: pointer; /* 鼠标移入按钮范围时出现手势 */ 
 outline: none; /* 不显示轮廓线 */ 
 font-family: Microsoft YaHei; /* 设置字体 */ 
 color: white; /* 字体颜色 */
 font-size: 17px; /* 字体大小 */}>" >
<div id="img" style="display:none"><img 
src="https://ws3.sinaimg.cn/large/005BYqpggy1fvrxveoph3j30jp0qoahi.jpg
"></img></div>
<script>
var img=document.getElementById('img');
function show(){
if(img.style.display=='none'){
img.style.display='';
}else{
img.style.display='none';
}
}
</script>

修改后自己网站应用代码如下:

<input onclick="show();" style="width:200px; /* 宽度 */ 
 height: 60px; /* 高度 */ 
 border-width: 3px; /* 边框宽度 */ 
 border-radius: 6px; /* 边框半径 */ 
 background:#FFD700; /* 背景颜色 */ 
 cursor: pointer; /* 鼠标移入按钮范围时出现手势 */ 
 outline: none; /* 不显示轮廓线 */ 
 font-family: Microsoft YaHei; /* 设置字体 */ 
 color: white; /* 字体颜色 */
 font-size: 24px; /* 字体大小 */}&gt;" type="button" value="点击打赏" />
<div id="img" style="display:none"><img src="https://img.alicdn.com/imgextra/i3/652165390
/O1CN01J6UlQd1pgfMgql5Pn_!!652165390.jpg" /></div>
<script>
var img=document.getElementById('img');
function show(){
if(img.style.display=='none'){
img.style.display='';
}else{
img.style.display='none';
}
}
</script>
 
这个代码点击后展开如下图:wNB源享君
wNB源享君
如果你想这个代码在中间,只需要加入通用中间标签即可,把上面的代码放在下面这个中间标签的中间即可 wNB源享君
wNB源享君
<center>              </center>
特别说明:
1.本站百分之九十资源均为免费,百分之十需要注册会员收费,用来维护网站。

2.若是资源链接丢失,请在网站资源下方留言,我们会及时补充丢失链接。

3.白嫖不可怕,可怕是白眼狼式的白嫖,毫无感恩的白嫖。

4.网站资源千千万,本站资源万里选,不是精华不收录,浪费时间和精力。

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

资源分享不易,你的支持,将会是我继续前行的动力!!!

留言与评论(共有 0 条评论)
   
验证码:
博客主人:草根站长 博 主: 闲来没事喜欢研究电脑影视,电子电路,并分享资源和心得技巧,资深技术宅。
浏览 105803 次 运行 0 天数