單調的網站首頁背景看多了不免有寫厭煩,如果用戶自己每刷新一次頁面背景可以更換也許能爲這種單調添一絲的新奇。這隻需用一個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); }
圖片路徑要換成你項目中的圖片路徑。