imgArri ， 2000 上面是代碼實(shí)現(xiàn)原理是通過(guò)間隔定時(shí)器，每過(guò)2秒去設(shè)置img的src屬性imgArr是保存圖片的數(shù)組，當(dāng)每一張圖片都展示后重頭再開(kāi)始 imgArr的值是一張張圖片我這里是在img文件夾下放了5張。

最簡(jiǎn)單的JS切換，先引用jquery js代碼 var arr = quotimage1jpgquot， quotimage2jpgquot， quotimage3jpgquot， quotimage4jpgquot var arr1 = quotimg1quot， quotimg2quot， quotimg3quot， quotimg4quot var count = 0 f。

注意修改 jQuery 路徑調(diào)整圖片大小后 CSS 和 jQuery一個(gè) 50 一個(gè) 350里面的尺寸要對(duì)應(yīng)lt！DOCTYPE htmlkGalleryjQueryfunction$ $quot#kGalleryquotappend#39#39 + $thisfindquotliactive imgquot。

1HTML結(jié)構(gòu) 2javascript代碼 function changenifn5 n=1 一共5張圖片，所以循環(huán)替換documentgetElementByIdquottestquotsetAttributequotsrcquot， n+quotpngquotn++setTimeoutquotchangequot+n+quotquot，1000。

objsrc=arrcurIndex 可以自己配置，自己設(shè)置每張圖片切換的時(shí)間間隔，自己設(shè)置每張圖片的路徑絕對(duì)相對(duì)路徑都可以雖然很簡(jiǎn)單，但是很實(shí)用。

舉個(gè)例子假設(shè)你已經(jīng)引入了jquery，而html結(jié)構(gòu)如下 那么你的js可以這么寫(xiě)quot#swphotoquotclickfunction $quot#swphotoimgquottoggle。

function auto ilt$lilength1？i++i=0lieqiaddClassquotshowLiquotsiblingsremoveClassdiveqishowsiblingshide limouseoverfunction clearIntervalseti = $this。

功能已實(shí)現(xiàn)，你可以自己設(shè)定樣式 傳入imgs圖片集合是一個(gè)jquery對(duì)象，index表示當(dāng)前索引，oper表示+或者 也就是向左向右移動(dòng)function funcimgs，index，oper 得到應(yīng)該移動(dòng)到的索引 ifoper==quot+quot inde。

var i=1function changeobj i++ifi10 i=1當(dāng)圖片大于10張時(shí)，讓i=1 var newSrc=iobjsrc=quotimgquot+newSrc+quotjpgquot 要求圖片是一種格式，簡(jiǎn)單的用數(shù)字表示，好理解，因?yàn)椤?/p>

2在indexhtml中的script標(biāo)簽中，填入js代碼setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003瀏覽器進(jìn)入indexhtml頁(yè)面中，此時(shí)顯示出一張圖片4過(guò)1秒后，圖片自動(dòng)切換為另一張圖片了。

這個(gè)是代碼，其中第一行的就是jQuery的js，你用他的或者自己下一個(gè)都行，直接復(fù)制到html文件運(yùn)行就能看到效果 function dk_slideplayerobject，config thisobj = objectthisconfig = config ？ config width。

type=quotbuttonquot value=quot暫停quot onClick=quotpausequot ltBODY ltHTML 建個(gè)html文件，把這段代碼放進(jìn)去，跟圖片放一起，試一下，希望對(duì)你有幫助。

我最近也寫(xiě)了一個(gè)類(lèi)似的，不過(guò)我這個(gè)是固定，雖然也是js圖片切換 但跟你的這個(gè)效果的代碼不同，以下是我的代碼lt！***圖片切換部分*** 123 ltimg src=quotlt%=tu1%quot。

網(wǎng)上有很多圖片輪播的插件，你說(shuō)的這種是最基本的，主要在于圖片切換時(shí)的效果，去找找，總有你合適的，而且用法都是很簡(jiǎn)單的，比如一些jquery插件，$quot#turnAutoquotturnningconfig就可實(shí)現(xiàn)了，這里的turnning只是個(gè)例子。

lt！DOCTYPE htmlRunJS#num spanactive backgroundcolor red #num spanwait backgroundcolor black var imgArray = #39imggame1png#39， #39imggame2png#39， #39imggame3png#39， #39imggame。

頁(yè)面中需要引用的JS 參照 jQuery全屏滾動(dòng)插件fullPagejs 實(shí)現(xiàn)自動(dòng)滾動(dòng)思路所謂自動(dòng)滾動(dòng)也就是進(jìn)入頁(yè)面后，不使用鼠標(biāo)等操作就可以自動(dòng)翻頁(yè)滾動(dòng)利用js給定一個(gè)時(shí)間范圍，例如3秒調(diào)用一次滾動(dòng)方法，就可以實(shí)現(xiàn)！獲取一。

Jane shopping function quotrightboxquotclickfunction選取class為rightbox的元素 thisaddClassquotthisquotsiblingsremoveClassquotthisquot給選中的當(dāng)前元素加上this，同時(shí)同輩元素。