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

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

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