搜索

技术笔记 Discuz! 如何实现空间背景图随机展示

一定 2023-04-08 来自广东省

近期把电脑版个人空间的背景弄了个随机显示的功能,每过一段时间内背景在6张图片内随机显示,下面是相关页面。

QQ图片20230408143640.png

实现这个原理很简单,只需要一段JS就行了。

[JavaScript] 纯文本查看 复制代码
<!--随机背景图-->
<script type="text/javascript">
        var sjbj = [];
        sjbj[0] = "template/dingzhi_2021_book/home/css/sinder-1-1.jpg";
        sjbj[1] = "/data/attachment/wangpan/1/38/167681998363f23e0f8fa44.jpg";
        sjbj[2] = "/data/attachment/wangpan/1/38/167681974763f23d2335215.jpg";
        sjbj[3] = "/data/attachment/wangpan/1/38/167681977563f23d3f3a4ab.jpg";
        sjbj[4] = "/data/attachment/wangpan/1/38/167681976163f23d319a5ef.jpg";
        sjbj[5] = "/data/attachment/wangpan/1/38/1678439006640af25e60aac.jpg";
        var randomBgIndex = Math.round( Math.random() * 5 );
    //输出随机的背景图
        document.write('<style>.sjbj{background:url(' + sjbj[randomBgIndex] + ') no-repeat 0}</style>');
</script>
<!--随机背景图-->

这段JS代码中,sjbj是样式代码,把这个加在包裹在DIV里面就可以了。
一定

写了 2633 篇文章,拥有 11399 颗灵石,被 6 人关注

使用道具 举报

共收到 0 条点评

一定的勋章

精华达人 管理员 主题破百 赞助会员 评价之星 作者勋章

Q群

扫一扫加入Q群

APP

扫一扫下载APP

反馈

返回顶部