给网站添加淘气的动态蜡笔小新 – 子比教程（其他博客网站都可）-楊仙森万事坞

给网站添加淘气的动态蜡笔小新 – 子比教程（其他博客网站都可）

1个月前发布

03120

这个蜡笔小新主要是给子比主题适配，当然理论上无论博客影视站之类的任何网站都可以用的，给自己的网站加一个动态可点击的蜡笔小新的一个小人，为了防止用户无聊，让他多点点蜡笔小新，你也可以换自己的GIF动态，喜欢什么自己换什么

代码部署

本文隐藏内容

跟着我的教程走，一共分两个地方，第一个是JS代码和CSS代码，如果不想让手机显示，那么自己在最底部的后加的给一个判断即可

JS代码

将下面的代码放到：子比主题–>>自定义头部HTML代码或自定义底部HTML代码，我的是放在header文件里面，看你自己喜欢放哪里，里面的文件代码自己本地或者用我的都可以！

<!–蜡笔小新–>

<script src=“https://libs.baidu.com/jquery/2.1.4/jquery.min.js” type=“text/javascript”></script>

<script src=“https://www.tfbkw.com/js/lbxx/spig.js?UbV” type=“text/javascript” charset=“utf-8”></script>

<script type=“text/javascript”>

var right_click = ‘你想干啥呀？’;

var onoff_move = ‘1’;

var touch_array = [“不要摸我”, “再摸我，我就杀掉你！”, “干嘛老摸我啊？”, “非礼呀！！！！！”, “我可以告你性侵犯吗？”, “色狼啊啊！”];

var bored_array = [“陪我聊天吧！”, “好无聊哦，你都不陪我玩！”, “啦啦啦！！！”, “我可爱吧！嘻嘻!~^_^!~~”, “求抱抱，么么！！”];

var move_array = [“我在飞，啦啦啦啦！”, “看，我在玩凌波微步！”,“快去凑热闹哦”, “站住，不要跑！@_@”, “围观去咯！”, “跑不动啦！累死我了！”];

var over_array = [“我隐身了，你看不到我”, “我会隐身哦！嘿嘿！”, “别动手动脚的，把手拿开！”, “把手拿开我才出来！”, “真忍术隐！”];

var visitor = ‘欢迎光临’;

</script>

CSS代码

CSS代码直接放到：子比主题–>>自定义CSS样式，CSS里面有蜡笔小新GIF动图，你喜欢什么动图自己放进去

/*淘气—-蜡笔小新*/

.mumu {

width:80px;

height:80px;

cursor:move;

background:url(https://img.alicdn.com/imgextra/i2/2210123621994/O1CN019ne3h11QbIltvPjB8_!!2210123621994.gif) no-repeat;

}

.spig {

display:block;

width:150px;

height:auto;

position:absolute;

top:-200px;

left:160px;

z-index:9999;

}

#newmessage{

color:#191919;

border:1px solid #c4c4c4;

background:#ddd;

-moz-border-radius:5px;

-webkit-border-radius:5px;

border-radius:5px;

min-height:1em;

padding:5px;

top:-30px;

position:absolute;

text-align:center;

width:auto !important;

z-index:10000;

-moz-box-shadow:0 0 15px #eeeeee;

-webkit-box-shadow:0 0 15px #eeeeee;

border-color:#eeeeee;

box-shadow:0 0 15px #eeeeee;

outline:none;

}

后加

忘了加一个代码了

在子比主题–>>自定义底部HTML代码再加上这个代码即可

<div id=“spig” class=“spig”>

<div id=“newmessage”>Loading…</div>

<div id=“mumu” class=“mumu”></div>

</div>

温馨提示：本文最新于2024-12-14 00:33:02进行了更新，某些文章内容具有时效性，若失效或有错误，请在下方留言。

© 版权声明

掌柜声明

本站网络名称： 楊仙森万事坞

本站永久网址： https://leohi.top

网站权益说明：文章部分源于网络，仅供大家学习与参考，并无商业用途，如有侵权，可联系本站管理员予以处理。
① 本站一切资源不代表本站立场，并不代表本坞赞同其观点和对其真实性负责。
② 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客若发现请通知坞长。
③ 本站资源来源于网络，如发现失效，可留言告知并第一时间更新。

THE END

教程源码插件

点赞20 投币

相关推荐

评论抢沙发

请登录后发表评论

暂无评论内容

繁

Loading...