近期把电脑版个人空间的背景弄了个随机显示的功能,每过一段时间内背景在6张图片内随机显示,下面是相关页面。
实现这个原理很简单,只需要一段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里面就可以了。
|