1

有没有办法创建一个页面背景图像每隔几秒钟自动更改一次的网站？我想要大约每十秒钟旋转一次的六张图像。

谢谢！

4

3 回答 3

0

几个小时前在这里提出了类似的问题：

随机改变背景颜色

我已经从那里得到了答案，并根据你的情况进行了修改。

   <html>
    <head>
    <script type="text/javascript">
    function myFunction()
    {
        setInterval("myTimer()",1000);
        return false;
    }

    function myTimer()
    {
       var randomImage = [
'http://onlyhdwallpapers.com/wallpaper/light_gray_suede_anon_delivers_high_resolution_desktop_1500x1500_hd-wallpaper-463812.jpg',
       'http://3.bp.blogspot.com/-kO0Mq7eCchs/TY6MDA6-KqI/AAAAAAAAAEE/90FlAM_QJLs/s1600/BigGrayBox.jpg',
       'http://test3.jpg']
       var r = Math.floor((Math.random()*randomImage .length));
       var newImage = "url(" + randomImage [r] + ")";
       document.body.style.backgroundImage= newImage ;
    }
    </script>
    </head>
    <body onLoad="myFunction()">
         <div> Some text </div>
    </body>
    </html>
于 2012-06-25T04:50:39.557 回答
0

你可以使用这个 jquery 插件。作者做了一个页面上的图像重新加载的实现。您可以将图像放在一个 div 中，该 div 将保留在页面中所有元素的后面，以便它成为背景。

jquery可以在这里下载

于 2012-06-25T04:05:49.470 回答
0

就在这里。我使用了bgStretcher jQuery 插件。工作得很好。

这是一个投资组合的实现示例（在后台） 。

<script type="text/javascript">
$(document).ready(function(){
    $(document).bgStretcher({
    images: ['img/Backgrounds/abst.jpg','img/Backgrounds/curvy.jpg','img/Backgrounds/circuits.jpg'], 
    //images: ['img/Backgrounds/space/1.jpg','img/Backgrounds/space/3.jpg','img/Backgrounds/space/4.jpg','img/Backgrounds/space/5.jpg','img/Backgrounds/space/6.jpg','img/Backgrounds/space/7.jpg'], 
    imageWidth: 1024, 
    imageHeight: 768,
    slideShowSpeed: 8000,
    nextSlideDelay: 8000,
    });
});
</script>

希望有帮助。一切顺利！纳什

于 2012-06-25T04:13:31.963 回答