1、這樣就可用定義圖片寬為100像素，高為50像素。

2、count$documentreadyfunction定義獲取四張BANNER圖count=$quot#banner_list aquotlength 設(shè)置默認(rèn)顯示第一張BANNER圖，其他。

3、但跟你的這個(gè)效果的代碼不同，以下是我的代碼lt！***圖片切換部分*** 123 ltimg src=quotlt%=tu1%quot ltimg src=quotlt%=tu2%quot。

4、bannerAD1=quotUploadFilesdongtai2jpgquotbannerADlink1=quotoemShowasp？Id=92quotbannerAD2=quotUploadFilesdongtai3jpgquotbannerADlink2=quotoemShowasp？Id=91quotbannerAD3=quotUploadFilesdongtai4jpgquotban。

5、quotbannerquothoverfunction clearIntervaltimer，function timer = setIntervalchangeImg，2000quotbtns spanquotclickfunction quotbtns spanquotremoveClassquotcurrentBtnquotthisaddClassquot。

6、biaoti1gifquot width=100% border=0 name=bannerADrotator onmouseover = quotclearTimeouttheTimerquot onmouseout = quottheTimer = setTimeout#39nextAd#39，4000quot給圖片添加onmouseover和onmouseout事件就可以了。

7、zhuanti=new Arrayimgcount=1frequency=10*100030秒 在這里修改圖片的路徑和鏈接 zhuanti1=new ztstr#391#39，#39gif#39，#39#39。

8、切換圖片效果html代碼lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 布丁移動(dòng)官網(wǎng)jQuery焦點(diǎn)圖。

9、在bannerjs中 autofunction=setIntervalfunction1，1，thisa*1000，在init函數(shù)中 thisa=optionsauto0這里thisa是optionsauto，也就是取決于首頁(yè)頁(yè)面 lan。

10、稍等上代碼你好我寫的例子是用jquery來(lái)寫的，引用的網(wǎng)上的地址，你可以直接用lt！DOCTYPE htmlJS Bin box1 width 698px height 258px border 1px solid #ccc background url。

11、13創(chuàng)建了頁(yè)面以后，我們點(diǎn)擊拆分按鈕，找到你添加圖片的地方，我們修改一下圖片路徑，因?yàn)槟阋诒镜販y(cè)試，所以需要修改到本地的圖片地址14接著按快捷鍵F12，預(yù)覽看看第一幅圖是剛打開的效果，一秒后自動(dòng)切換到了第。

12、lt！doctype htmljQuery圖片輪播代碼flexslider margin 0px auto 20px position relative width 100% height 482px overflow hidden zoom 1flexslider slides li width 100% height 100%。

13、JavaScript 圖片切換展示效果 container， container *margin0 padding0 containerwidth169px height323px overflowhidden sliderpositionabsolute slider li liststyledisplay。

14、舉個(gè)例子，這個(gè)例子僅能實(shí)現(xiàn)圖片自動(dòng)切換 html文件lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot Rotating Banner。

15、選擇雜項(xiàng)的等待，設(shè)置兩個(gè)圖片間隔時(shí)間然后設(shè)置面板狀態(tài)，選擇該動(dòng)態(tài)面板，選擇狀態(tài)下一步或者狀態(tài)下一步可以循環(huán)顯示所有的狀態(tài)，然后可以設(shè)置變換時(shí)候的動(dòng)態(tài)效果，哈哈 簡(jiǎn)單的廣告banner就ok了。