子比主题 – 给网站添加动态蜡笔小新

飞流 · 发表于 2025-10-8 22:58:08

交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

您需要登录才可以下载或查看，没有账号？立即注册

×

这个蜡笔小新是小萝卜给我的，他毕竟不是玩博客的，然后我发一下这个文章，这个蜡笔小新是什么网站都可以用的，给自己的网站加一个动态可点击的蜡笔小新的一个小人，为了防止用户无聊，让他多点点蜡笔小新，你可以换自己的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>

复制代码

HTML代码

我们直接将下面的代码放到：子比主题–>>自定义头部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样式即可！

/*腾飞博客----蜡笔小新*/
.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;
}

复制代码

【小飞侠提醒您：搜索时输入t1527代号，方便好记直达本帖！】

	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	10-30 17:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	10-09 09:07
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-24 09:00
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-11 11:40
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	09-02 09:17
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-27 08:56
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-20 15:12
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	08-03 10:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	06-30 08:57
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	06-18 09:14
	系统消息：清风网络已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-11 09:40
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-10 09:31
	系统消息：IXM77777已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 13:44
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-09 09:22
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	04-09 08:52
	系统消息：清风网络已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-08 09:24
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	04-07 09:02
	系统消息：柒沐已经连续答对10道难题，逆天学霸谁与争锋？！#每日答题#	02-27 09:35
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-26 09:06
	系统消息：柒沐已经连续答对3道难题，逆天学霸谁与争锋？！#每日答题#	02-25 08:49

[代码技巧] 子比主题 – 给网站添加动态蜡笔小新

交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

代码部署

本帖被以下淘专辑推荐:

相关帖子

飞流广播+ 发布

连签LV.1

会员LV.1

会员LV.2

会员LV.3

会员LV.4

会员LV.5

会员LV.6

会员LV.7

会员LV.8

会员LV.9

会员LV.10

关于我们

常用功能

服务引导