js實現網頁html隨機切換背景圖片

    在script中將這些映像編為一個數組，便於調用。數組的長度當然就是映像的數量。

代碼如下	複製代碼
var bodyBgs = [];    //建立一個陣列變數來儲存背景圖片的路徑 bodyBgs[0] = "images/01.jpg"; bodyBgs[1] = "images/02.jpg"; bodyBgs[2] = "images/03.jpg"; bodyBgs[3] = "images/04.jpg"; bodyBgs[4] = "images/05.jpg";

    因為上面用到了5個映像，所以在這裡需要產生一個0到4的隨機數。如果數組長度不一樣，修改下面代碼中的乘數就可以。

代碼如下	複製代碼
var randomBgIndex = Math.round( Math.random() * 4 );

    核心的程式就是這些。儘管很簡單，卻是一種小小的思路，若以此為基礎，通過加工可以做出一些擴充功能。比如：主題切換以及其它的隨機呈現等等。下面是完整的JS代碼。

代碼如下

複製代碼

<script type="text/javascript">     //<!CDATA[         var bodyBgs = [];         bodyBgs[0] = "images/01.jpg";         bodyBgs[1] = "images/02.jpg";         bodyBgs[2] = "images/03.jpg";         bodyBgs[3] = "images/04.jpg";         bodyBgs[4] = "images/05.jpg";         var randomBgIndex = Math.round( Math.random() * 4 );     //輸出隨機的背景圖         document.write('<style>body{background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 50% 0}</style>');     //]]>     </script>