JS刷新頁(yè)面實(shí)現(xiàn)隨機(jī)背景圖功能 – JS筆記

每次刷新都會(huì)帶來不同的背景圖，給你的訪客帶來不一樣的心情。每一次頁(yè)面的刷新，都會(huì)讓他好奇下一張是什么。這一次的JS筆記分享這樣的隨機(jī)背景圖功能。

• 代碼來源：詳情

核心代碼

    <script>
        var bodyBgs = [];
        bodyBgs[0] = "./images/1.jpg";
        bodyBgs[1] = "./images/2.jpg";
        bodyBgs[2] = "./images/3.jpg";
        bodyBgs[3] = "./images/4.jpg";
        var randomBgIndex = Math.round(Math.random() * 3);
        //輸出隨機(jī)的背景圖
        document.write('<style>body{background:url(' + bodyBgs[randomBgIndex] + ')top center no-repeat; background-size:cover;}</style>');

    </script>

相關(guān)推薦

QQ空間隨機(jī)壁紙引導(dǎo)頁(yè) – HTML單頁(yè)

Muze

• 20年11月4日
• 喜歡：0
• 瀏覽：515