您好,欢迎来到华佗养生网。
搜索
您的当前位置:首页js如何设置随机切换背景图片

js如何设置随机切换背景图片

来源:华佗养生网


一个完美的网页,除了HTML和css,JavaScript也功不可没,本文我们将和大家分享一个小技巧,js设置随机切换背景图片的简单实例。

<script>
 
var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default.png",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_3.jpg",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_1.jpg",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_4.jpg",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_5.jpg",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_6.jpg",
 "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_default-2.jpg",
 ]; 
 
var index=Math.floor(Math.random()*8);
var img = imgs[index];
 function time(){
 
 document.body.style.backgroundImage="url("+img+")";
 
 } 
 
document.body.onload = function(){
 time();
}
</script>

以上内容就是js设置随机切换背景图片的简单实例,希望能帮助到大家。

Copyright © 2019- huatuo7.cn 版权所有 湘ICP备2022005869号-9

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务