隨機(jī)顯示圖片是網(wǎng)頁(yè)開(kāi)發(fā)中常用的功能之一。在使用jQuery進(jìn)行開(kāi)發(fā)時(shí),可以通過(guò)幾行簡(jiǎn)單的代碼實(shí)現(xiàn)隨機(jī)圖片的顯示功能。
$(document).ready(function(){ var imgArr = ['img1.jpg', 'img2.jpg', 'img3.jpg', 'img4.jpg']; var randomNumber = Math.floor(Math.random()*imgArr.length); var imgPath = 'path/to/images/' + imgArr[randomNumber]; $('#randomImg').attr('src', imgPath); });
在這段代碼中,我們首先定義了一個(gè)包含所有圖片名稱的數(shù)組,然后生成一個(gè)隨機(jī)數(shù)字,用來(lái)選擇數(shù)組中的一個(gè)圖片名稱。最后,根據(jù)選中的圖片名稱生成完整的路徑,將路徑賦值給目標(biāo)圖片元素的src屬性即可。
例如,我們可以在HTML中添加一個(gè)空的元素,并指定一個(gè)id值:
這樣,當(dāng)頁(yè)面加載時(shí),jQuery會(huì)自動(dòng)根據(jù)我們編寫的代碼生成一個(gè)隨機(jī)圖片的路徑,并將其賦值給id為randomImg的img元素的src屬性,從而顯示出隨機(jī)圖片。