*讓四張圖片左浮動(dòng)，形成并排的橫著布局，方便點(diǎn)擊按鈕時(shí)的左移動(dòng)* width 620px slideShow showNav *用絕對(duì)定位給數(shù)字按鈕進(jìn)行布局* position absolute right 10px bottom 5px textaligncenter fontsize 12px lineheight 20px；documentreadyfunction quot#hidequotclickfunction if$quot#leftquotcss#39width#39 == #39200px#39 quot#leftquotanimatewidth0，quotslowquotquot#hidequotval#39顯示#39else quot#leftquotanimatewidth200，quotslowquotquot#hidequotval#39隱藏#39 lt；quotbuttonquotclickfunction quotbodyquotanimate #39scrollTop#39 quot+=200pxquot， 2000你可以試試。

首先，確保您已引入 jQuery 庫然后，在 HTML 文件中為滾動(dòng)圖片添加容器元素和圖片元素，容器元素應(yīng)包含類名或 ID，例如 接下來，在 JavaScript 中編寫以下代碼來實(shí)現(xiàn)滾動(dòng)功能定義變量以初始化序列和輪播定時(shí)器var_index=0 vartimePlay=null 顯示初始圖片并隱藏其他圖片$#39#AdvImgList#39e；首先，確保在頁面初始化時(shí)為圖片綁定點(diǎn)擊事件這可以通過jQuery的$function匿名函數(shù)實(shí)現(xiàn)，該函數(shù)在DOM加載完成后執(zhí)行具體代碼如下javascript function quot#controlpicquotclickfunction 此處寫點(diǎn)擊觸發(fā)的操作 1取得播放器的對(duì)象 var objVideo=$quot#diveoIDquot2；先給導(dǎo)航塊的a標(biāo)簽設(shè)置img屬性和dataimg屬性img屬性為未選中圖片，dataimg為選中圖片第一個(gè)按鈕的img圖片應(yīng)設(shè)置為默認(rèn)選中的狀態(tài)點(diǎn)擊每個(gè)按鈕后進(jìn)行按鈕切換圖片操作 quottabbaritemquotonquotclickquot， function 先const clickImg變量為他的data屬性選中圖片 ，然后找到img圖片；建議，在當(dāng)前輪播圖的div添加類active，設(shè)置active displayblock，bandisplay這樣可以通過添加或移除active就可以了這樣以下就比較方便很多，要不然又要做循環(huán)，麻煩swiper插件做輪播效果不錯(cuò)quotleftquotclickfunction var $index = $quotbanquothasClassquotactivequotindex。

首先要給圖片添加一個(gè)Id，之后在jquery中寫如下代碼quot#圖片IDquotclickfunction alertquotaa”或者 quot#圖片IDquotbindquotclickquot，function alertquotaaquot；首先是初始化部分將除了第一張輪播圖片意外的圖片都隱藏，并且隱藏向前向后按鈕，使第一個(gè)索引按鈕處于激活狀態(tài)2實(shí)現(xiàn)的具體事件處理思路事件部分通過jquery的hover綁定鼠標(biāo)上懸以及離開時(shí)的事件處理， jquery的bind方法綁定鼠標(biāo)點(diǎn)擊事件處理向前向后翻動(dòng)輪播控制pre， next， pla；獲取這兩個(gè)按鈕的class，然后點(diǎn)擊其中一個(gè)的時(shí)候變樣式，另一個(gè)也變就可以了quotxxquotonquotclickquot，function thisaddClassquothr1quotsiblingsremoveClassquothr1quot上面的代碼只是一個(gè)示例，因?yàn)椴恢滥鉮tml怎么寫的，所以沒辦法寫你把代碼壓縮一下傳個(gè)附件，我?guī)湍銓懴?；jquery事件執(zhí)行完后跳轉(zhuǎn)頁面你的代碼實(shí)際上已經(jīng)執(zhí)行了uialert方法了但是下面的的跳轉(zhuǎn)相當(dāng)于重新加載了頁面所以你的彈出就看不到了你可以彈出一個(gè)確認(rèn)框，然后將頁面跳轉(zhuǎn)綁定到確認(rèn)框的某個(gè)按鈕上點(diǎn)擊圖片事件imgclickfunction點(diǎn)擊圖片后發(fā)送跳轉(zhuǎn)到指定頁面的事件可以，跳轉(zhuǎn)到；直接加上prev和next，這兩個(gè)是superslide中已經(jīng)定義好的兩個(gè)類 希望采納。

寫代碼有些麻煩，給個(gè)關(guān)鍵建議你大概是在拖動(dòng)頁面上遇到麻煩吧要實(shí)現(xiàn)在觸控設(shè)備上手指拖動(dòng)元素，不能用mousemove喲，這個(gè)是沒用的，要用到touchstart手指接觸觸摸屏，touchmove手指在觸摸屏上移動(dòng)，touchend手指離開觸摸屏touchmove調(diào)用的函數(shù)里最好填上eventpreventDefault 否則有些瀏覽；3首先，打開html編輯器，創(chuàng)建一個(gè)新的html文件，例如indexhtml，然后引入jquery，如下圖所示其次，完成上述步驟后，在indexhtml的script標(biāo)記中，輸入下圖紅框中的jquery代碼，如下圖所示4點(diǎn)擊按鈕，你可以在按鈕上寫個(gè)點(diǎn)擊事件，默認(rèn)當(dāng)前為true點(diǎn)擊后就變?yōu)閒alsevara=ture點(diǎn)擊后a=a一個(gè)；下面是可配置輪播動(dòng)畫代碼 fnslide=functionoptions var defaults= affect1， 1上下滾動(dòng) 2幕布式 3左右滾動(dòng)4淡入淡出 time 5000， 間隔時(shí)間 speed500， 動(dòng)畫快慢 dot_texttrue，按鈕上有無序列號(hào) var opts=$extenddefaults，optionsvar $this；舉個(gè)例子假設(shè)你已經(jīng)引入了jquery，而html結(jié)構(gòu)如下 那么你的js可以這么寫quot#swphotoquotclickfunction $quot#swphotoimgquottoggle。