如下圖好多種類型的 ，今天給你寫一下最簡單的 1234 的 焦點(diǎn)圖切換2首先電腦上 ps處理好 470PX * 150px的圖片三四張為了方便觀看效果最好三張以上處理完成后 如下圖 放在同一個(gè)文件夾中 3電腦上安裝好 Dreamweaver 軟件 編寫代碼的我這里用的 DW cs55 4打開后開始編。

1打開軟件dreamweaver8寫如下代碼，如圖調(diào)用CSS樣式調(diào)用JS插件代碼 lt！效果html開始 function var aPage = $#39#main page a#39分頁按鈕 var aImg = $#39#main box img#39圖像集合 var iSize = aImgsize圖像個(gè)數(shù) var index = 0切換索引 var t。

簡單說，給你的圖片所在的元素綁定一個(gè)onmouseover事件，然后，在觸發(fā)這個(gè)事件的時(shí)候，注銷掉你用于切換下一副圖片的timer，再，綁定一個(gè)onmouseout事件，重新啟動(dòng)你的定制的用于切換下衣服圖片的timer。

上網(wǎng)搜 js圖片滾動(dòng)瀏覽，scroll box。

焦點(diǎn)圖，又叫幻燈片，一般是處于網(wǎng)頁導(dǎo)航nav底部的圖片切換效果一般由超過兩張以上的圖片組成，或左右，或上下切換焦點(diǎn)圖就是圖片廣告切換展示效果在網(wǎng)站很明顯的位置，用圖片組合播放的形式，類似焦點(diǎn)新聞的意思只不過加上了圖片一般多網(wǎng)站首頁版面或頻道首頁版面，因?yàn)槭峭ㄟ^圖片的形式，所以有。

給你一段代碼，你自己去稍做修改就行了 lt！CDATAvar _t1 = 0 打開頁面時(shí)等待圖片載入的時(shí)間，單位為秒，可以設(shè)置為0 var _t2 = 5 圖片輪轉(zhuǎn)的間隔時(shí)間 var _tnum = 4 焦點(diǎn)圖個(gè)數(shù) var _tn = 1當(dāng)前焦點(diǎn) var _tl =null_tt1 = setTimeout#39change_img#39，_。

另存為下列代碼試試吧，應(yīng)該還有樣式文件css吧 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot 無標(biāo)題文檔 var n=0function Meavalue n=valuesetBgvalueplaysvalueconausn。

然后根據(jù)需要，在中放上你需要的效果代碼就好例如第一種效果就是 function quot#KinSlideshowquotKinSlideshow。

pic_list li img verticalalignmiddle 在這個(gè)id里面再加一個(gè)“marginleft350px”就可以使圖片居中了望采納。

推薦一個(gè)給你，這是代碼，詳細(xì)的你可以看參考資料 fniFadeSlide = functioniSet iSet可選參數(shù)說明iSetfield==幻燈區(qū)域內(nèi)的圖片集 iSetico==按鈕鉤子 iSethigh==按鈕高亮樣式 iSetinterval==圖片切換時(shí)間 iSetleaveTime==不觸發(fā)鼠標(biāo)劃入事件的最大時(shí)間值 iSetfadeInTime==。

吧 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotquot 無標(biāo)題文檔 var n=0function Meavalue n=valuesetBgvalueplaysvalueconausn function setBgvalue forvar i=0ilt5i++documentgetElementByIdquottquot+i+quotquotclassName=quotbbg0quot。

如果是不會寫代碼，那么給你個(gè)思路吧，首先確定好你的焦點(diǎn)圖的動(dòng)畫效果，假設(shè)是最簡單的左右無縫滾動(dòng)切換，先把html結(jié)構(gòu)寫好，我一般是用的無序列表結(jié)構(gòu)，個(gè)人認(rèn)為是比較符合語義化的，設(shè)置父級標(biāo)簽的定位為相對定位，然后，動(dòng)態(tài)設(shè)置子標(biāo)簽的定位為絕對定位，這個(gè)是具備可訪問性的，但是具體情況還要具體。

很簡單把jquery文件拷入到asp網(wǎng)頁所在目錄，如jquery180js，然后就可以使用jquery了例如以下代碼是jquery動(dòng)畫關(guān)鍵是要引入這個(gè)jquery文件 動(dòng)畫 documentreadyfunction quot#btn_animatequotclickfunction quot#test1quotanimate leftquot400pxquot，widthquot480pxquot，heightquot+。

jiaodiantu1006 三圖并列jquery焦點(diǎn)圖代碼 附贈JS廣告代碼效果大全，網(wǎng)上經(jīng)典的JS和一些常用的JS廣告手法幾乎全涵蓋了html JS廣告代碼 焦點(diǎn)圖 建議每個(gè)JS圖都各有利弊，做網(wǎng)站時(shí)，沒必要和其他網(wǎng)站一模一樣。

那個(gè)網(wǎng)頁效果很簡單哦你把DM里面的“動(dòng)作”好好看下絕對可以做出那個(gè)效果的我個(gè)人認(rèn)為他的那種效果反而不好下面的數(shù)字沒必要單擊把他的數(shù)字設(shè)計(jì)成onmousover就比那種效果好純粹沒必要onclick 圖片自動(dòng)變化添加一段代碼就可以了你把那幾張圖片當(dāng)網(wǎng)頁的背景圖片用你好好想一下，相信你絕對。

lt！CDATAvar _t1 = 0 打開頁面時(shí)等待圖片載入的時(shí)間，單位為秒，可以設(shè)置為0 var _t2 = 5 圖片輪轉(zhuǎn)的間隔時(shí)間 var _tnum = 4 焦點(diǎn)圖個(gè)數(shù) var _tn = 1當(dāng)前焦點(diǎn) var _tl =null_tt1 = setTimeout#39change_img#39，_t1*1000function change_img setFoc。