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

图片[1]- 子比主题 – 给网站添加动态蜡笔小新

代码部署

本文隐藏内容

跟着我的教程走不会有问题,一共分两个地方,第一个是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>
查看更多心仪的内容 按Ctrl+D收藏我们
部分内容来自于网络 如有侵权请联系站长删除
花猪资源网欢迎你来投稿文章
------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容