JavaScript 網頁背景圖片隨機化

  單調的網站首頁背景看多了不免有寫厭煩,如果用戶自己每刷新一次頁面背景可以更換也許能爲這種單調添一絲的新奇。這隻需用一個JavaScript方法就可以搞定,通過隨機函數在我們的一組圖片中隨機的選一張作爲背景。

下面是JavaScript代碼:

 

完整代碼:(asp.net C#)

 

        body#home.variation1 #wrapper { background-image: url(./img/tignish/home/feature-background-1.jpg); }
        body#home.variation2 #wrapper { background-image: url(./img/tignish/home/feature-background-2.jpg); }
        body#home.variation3 #wrapper { background-image: url(./img/tignish/home/feature-background-3.jpg); }

圖片路徑要換成你項目中的圖片路徑。

發佈了57 篇原創文章 · 獲贊 13 · 訪問量 40萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章