用jquery讓圖片逐漸顯示出來(lái)的方法：首先使用img標(biāo)簽創(chuàng)建一個(gè)圖片，同時(shí)創(chuàng)建一個(gè)button按鈕；然后在函數(shù)內(nèi)獲得img對(duì)象，使用【fadeIn()】方法，在方法內(nèi)設(shè)置指定的秒數(shù)，讓圖片逐漸顯示出來(lái)。

本教程操作環(huán)境：windows7系統(tǒng)、jquery3.2.1版本，該方法適用于所有品牌電腦。

推薦：jquery視頻教程

用jquery讓圖片逐漸顯示出來(lái)的方法：

1、新建一個(gè)html文件，命名為test.html，用于講解jquery如何讓一張圖片逐漸顯示出來(lái)。

2、在test.html文件內(nèi)，在p標(biāo)簽，使用img標(biāo)簽創(chuàng)建一個(gè)圖片，并設(shè)置圖片的id為myimg，主要用于下面通過(guò)該id獲得img對(duì)象。

3、在test.html文件內(nèi)，設(shè)置img標(biāo)簽的css樣式，將display設(shè)置為none，從而實(shí)現(xiàn)圖片隱藏不顯示。

4、在test.html文件內(nèi)，使用button標(biāo)簽創(chuàng)建一個(gè)按鈕，按鈕名稱為“圖片逐漸顯示”。

5、在test.html文件中，給button按鈕綁定onclick點(diǎn)擊事件，當(dāng)按鈕被點(diǎn)擊時(shí)，執(zhí)行disimg（）函數(shù)。

6、在js標(biāo)簽中，創(chuàng)建disimg()函數(shù)，在函數(shù)內(nèi)，通過(guò)id(myimg)獲得img對(duì)象，使用fadeIn()方法讓圖片逐漸顯示出來(lái)，例如，設(shè)置圖片在5秒內(nèi)逐漸顯示出來(lái)。

7、在瀏覽器打開test.html文件，點(diǎn)擊按鈕，查看實(shí)現(xiàn)的效果。

相關(guān)免費(fèi)學(xué)習(xí)推薦：javascript（視頻）