![图片[1]- 子比主题公告弹窗样式美化](https://www.dh139.cn/wp-content/uploads/2025/10/7782d0574dc53a3646dc711cb9e54476-12.jpg)
代码:
其实就是一个简单的HTML代码(因为弹窗公告支持HTML代码),自己在弹窗内容里面添加代码即可。图片、信息啥的自己修改即可。
<html>
<body>
<!--文本-->
<a href="https://www.dh139.cn/" target="_blank" title="花猪资源网">
<img style="display: inline-block; width: 100%; max-width: 100%; height: auto;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;" src="https://图片地址">
</a>
<div class="text_body" style="padding-bottom: 30px;">
<div class="text" id="container" style="font-weight:bold;">
欢迎光临花猪资源网!还在使用本站《子比主题添加底部统计信息模块小工具》文章中修改版的小伙伴,出现“用户总数”不显示的,请更新一下PHP代码,我已经更新PHP代码在文章中了。另外所有教程的图片链接,请自行下载上传到本地或者上传其他图床,谢谢啦。
</div>
</div>
<!--文本结束-->
<script type="text/javascript">
var text = $("#container").text().trim();
$("#container").html("");
for(var i = 0;i < text.length;i++){
$("#container").append("<span>"+text[i]+"</span>")
}
var s = 0;
var tim = setInterval(function(){
$("#container span").eq(s++).css("color",getColor()).show();
if(s == text.length){
clearInterval(tim)
}
}, 100)
function getColor(){
return "rgb("+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+","+Math.floor(Math.random()*255)+")";
}
</script>
</body>
</html>
© 版权声明
点点赞赏,手留余香~
还没有人给TA充电
给TA充电
声明
花猪使用须知
- 1本网站内容仅供个人学习、研究和欣赏,未经授权禁止用于任何商业用途。
- 2网站中的代码示例仅用于教育目的,使用时请遵循相关开源协议和授权规定。
- 3转载或引用本站内容请注明出处,尊重原创,共同维护良好的创作环境。
- 4网站评论区欢迎理性讨论,请勿发表违反法律法规的言论,共建和谐社区。
- 5如有内容侵犯您的权益,请通过博客联系方式告知,将立即核实并处理。
- 6使用本站资源时产生的任何问题与后果需自行承担,请谨慎操作。
THE END
喜欢就支持一下吧
相关推荐





![[翎风引擎]独家天刀沉默II代新天命玩法专属单职业版-武学系统-强大后台-自动回收- 花猪资源网](https://www.dh139.cn/wp-content/uploads/2025/12/1-651x500.jpg)








暂无评论内容