搜索

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

一定 2023-04-08 广东省

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

QQ图片20230408143640.png


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

[JavaScript] 纯文本查看 复制代码
<!--随机背景图-->
lt;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>');
lt;/script>
lt;!--随机背景图-->



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

一定,洪荒文学创始人。

使用道具 举报

官方QQ群
扫码下载APP
返回顶部