当前位置:首页教程中心网站教程给网站添加动态蜡笔小新- 子比主题

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

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

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

代码部署:

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

JS代码

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

spig.js文件代码:

CSS代码

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

最后

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

<div id="spig" class="spig">
    <div id="newmessage">Loading...</div>
    <div id="mumu" class="mumu"></div>
</div>
声明:本文由沐夏oo发布,本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
网站教程

GO跳转页v2.0沐颜小栈优化版-子比主题美化

2025-5-21 22:14:32

网站教程

网站底部添加滚动波浪手机端PC端自适应-子比主题教程

2025-5-21 22:22:32

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索