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

Posted on Posted in 时事八卦, 最新资讯

一个完美的网页,除了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设置随机切换背景图片的简单实例,希望能帮助到大家。

相关推荐:

css中关于背景图片设置的实例详解

CSS+html如何实现背景图片的填充详解

js实现按钮加背景图片常用方法汇总

以上就是js如何设置随机切换背景图片的详细内容,更多请关注php中文网其它相关文章!

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.php.cn/js-tutorial-381948.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注