1、1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁面中，此時顯示出一張圖片4過1秒后，圖片自動切換為另一張圖片了。

2、1首先，打開html編輯器，新建html文件，例如indexhtml，輸入問題基礎(chǔ)代碼2在indexhtml中的script標(biāo)簽中，輸入js代碼$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393瀏覽器運行indexhtml頁面，此時鼠標(biāo)移動到超鏈接上，下面的圖片自動顯示了出來csshover用法在c。

3、oImgsrc=arrImgUrlnumsetIntervalTab，1000ltscriptltheadltbodyltimg id=quotimg1quot src=quotimg1jpgquot width=quot288quotltbodylthtml注意圖片放在 名稱為 img 的文件夾中，而且是格式的，否則需要修改html。

4、2 在容器內(nèi)部創(chuàng)建一個ul標(biāo)簽，用于存放所有的圖片每一張圖片都需要使用li標(biāo)簽來包裹，并設(shè)置floatleft屬性，使其能夠排列在一行3 在CSS中，設(shè)置圖片的寬度高度位置等屬性同時，設(shè)置容器和圖片的過渡效果，使其在切換時能夠有動畫效果4 在JavaScript中，使用setInterval函數(shù)和DOM操作。

5、1首先，打開html編輯器，新建html文件，例如indexhtml，編寫問題基礎(chǔ)代碼2在indexhtml中的ltscript標(biāo)簽，輸入js代碼function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3瀏覽器運行indexhtml頁面，此時點擊圖片會換一張圖片。

6、lthtml 編寫stylecss文件，代碼如下 margin0px textdecoration bodymargintop50px containerwidth600px height400px positionrelativeborder3px solid #333overflow hidden margin0 auto listwidth4200px height400px positionabsolute zindex1。

7、html5網(wǎng)頁背景圖手動上傳切換代碼這樣寫1html5網(wǎng)頁背景圖手動上傳切換代碼需要在網(wǎng)頁上點擊鼠標(biāo)右鍵查看網(wǎng)站源代碼2找到css里面的背景圖這一段代碼，查看背景圖路徑，通過ftp或者服務(wù)器進(jìn)行替換圖片即可。

8、setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定時換背景圖片的代碼 * 下面是圖片切換代碼 var tvar speed = 2 圖片切換速度 var nowlan = 0 圖片開始時間 f。

9、點擊鼠標(biāo)，還是點擊按鈕，還是點擊圖片如果是點擊鼠標(biāo)，寫一個遮罩層，遮罩層為全透明rgba0 ，0 ，0， 0遮罩層設(shè)置點擊事件onclick 點擊后隱藏當(dāng)前圖片，顯示另一張，用if點擊按鈕，你可以在按鈕上寫個點擊事件 ，默認(rèn)當(dāng)前為true 點擊后就變?yōu)閒alse var a=ture點擊后 a=a！一個圖片用a。

10、素材的準(zhǔn)備為了更好的表現(xiàn)網(wǎng)站的風(fēng)格和特色，具備一些更富表現(xiàn)力和吸引力的圖片是必不可少的同理，小編也準(zhǔn)備了一些與網(wǎng)頁主題密切相關(guān)的圖片，用于做為實現(xiàn)圖片滾動效果的素材打開Dreamweaver8，新建一網(wǎng)頁文件，并保存為名為“indexhtmlquot文件切換至代碼編輯界面，輸入如下代碼ltbodyltdiv id=。

11、第一種把如下代碼加入ltbody區(qū)域中 ltbody onclick=Clicked ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒狀收縮“theeffects1 = “盒狀向外“theeffects2 = “圓形收縮“theeffects3 = “圓形向內(nèi)“theeffects4 = “從下向上。

12、HTML中圖片輪播代碼如下lt！DOCTYPE htmllthtmlltheadlttitle圖片輪播代碼lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=10，userscalable=0quotltheadltstyle type=quottextcssquot bodymaxwidth。

13、ltMARQUEE onmouseover=stop onmouseout=start scrollAmount=3 loop=infinite deplay=quot0quotltIMG src=quot第一張圖片地址quot ltIMG src=quot第二張圖片地址quotltMARQUEE 注釋1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代碼，鼠標(biāo)指向。

14、ltscript lthead ltbody id=quotbg_bodyquot ltbody lthtml 你背景圖片就設(shè)置了一個2jpg再切換也是這一張圖片啊 如果有多張圖片比如說110jpg，那就把oSbackgroundImage=#39url2jpg#39改為oSbackgroundImage=#39url#39+parseIntMathrandom * 10 + 1+#39jpg#39。

15、1首先，打開html編輯器，創(chuàng)建一個新的html文件，例如indexhtml，然后引入jquery，如下圖所示2其次，完成上述步驟后，在indexhtml的ltscript標(biāo)記中，輸入下圖紅框中的jquery代碼，如下圖所示3接著，完成上述步驟后，瀏覽器運行indexhtml頁面，顯示出了其中1張背景圖片，如下圖所示4最后。