使用jQuery可以為網頁設置動態背景,讓頁面更加生動有趣。
下面是設置動態背景的jQuery代碼:
$(document).ready(function(){ // 圖片數組 var backgrounds = ['bg1.jpg', 'bg2.jpg', 'bg3.jpg', 'bg4.jpg']; // 隨機選擇一張圖片 var randomBg = backgrounds[Math.floor(Math.random() * backgrounds.length)]; // 設置背景圖片 $('body').css('background-image', 'url(images/' + randomBg + ')'); });
代碼解釋:
在代碼中,首先定義了一個包含多張圖片名字的數組backgrounds,然后使用Math.random()方法和Math.floor()方法隨機選擇一張圖片,并將其賦值給randomBg變量。
最后使用jQuery的css()方法將該背景圖片設置為網頁的背景圖。
使用上述代碼即可為網頁設置隨機背景圖片,讓網頁更具活力。