早年學習jquery的時候?qū)戇^一下，保存了下來，應該算是很典型的例子了，研究一下吧 asp？ID=23SortID=4；jQuery仿天貓商品品牌圖片墻換一批動畫特效 一款仿天貓商品品牌圖片墻換一批jQuery動畫特效代碼jQuery模擬京東或淘寶首頁換一批猜你喜歡欄目切換zip 效果描述 在大型購物網(wǎng)站，比如淘寶或者京東首頁，我們經(jīng)?？吹绞醉摶蛘?。

需要準備的材料分別有電腦html編輯器瀏覽器1首先，打開html編輯器，新建html文件，例如indexhtml，并引入jquery2在indexhtml中的標簽，輸入jquery代碼#39td#39clickfunction if $thiscss#39b；看紅框那里resizeTimeout是控制輪播的，clearSetTimeoutresizeTimeout這句是停止輪播 當鼠標移入小圖片時觸發(fā)mouseover事件，停止輪播 移出時再次啟動輪播就行了。

HTML中圖片輪播代碼如下lt！DOCTYPE html圖片輪播代碼 bodymaxwidth 640pxmargin 0 auto #lunbo ul liwidth100%liststyle width640px height250pxbackgroundcolor #f00text；網(wǎng)上有很多圖片輪播的插件，你說的這種是最基本的，主要在于圖片切換時的效果，去找找，總有你合適的，而且用法都是很簡單的，比如一些jquery插件，$quot#turnAutoquotturnningconfig就可實現(xiàn)了，這里的turnning只是個例子。

DOCTYPE html點擊切換，按時間循環(huán)自動切換* padding 0margin 0body margin 0padding 0font 12px15 \5b8b\4f53， Arial， sansserifol，ul，li liststyle a color #text。

jquery自動加載的方法

1、這種插件非常多， 你可以挑一個用 如果你要問原理， 關鍵點是 外層div是一個窗口， 控制好長寬， 設置overflow為hidden， 那么只有在此區(qū)域內(nèi)的內(nèi)容才會被顯示 內(nèi)容是一堆圖片， 通過js控制位置， 比如用relative定位， 通過css。

2、if$index === 0 當前為第一張輪播圖 quotbanquoteq$quotbanquotlength1addClassquotactivesiblingsquotbanquotremoveClassquotactivequot這里寫成你自動切換的代碼，我這里只是一個無動態(tài)切換效果的方法。

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

4、下面這段代碼替換你原來的js代碼，親測可用原理1設置了一個定時器，每2秒觸發(fā)2如果用戶自己切換，停止定時器當用戶鼠標離開區(qū)域時，再次進入定時切換不懂再問~ $functionvar i=0初始記錄用戶。

5、給你個思路哈 1，定義一個function 2，點擊的時候觸發(fā)這個function，獲取當前img名稱 3，因為你的img名稱都是有規(guī)律可循的，所以自己可拼接下一個的img名稱 4，將拼接完成的img名稱加上路徑，替換現(xiàn)在顯示的img路徑即可。

jquery菜單隨著內(nèi)容切換

JQUERY代碼實現(xiàn)原理和上面一樣，只是寫法不一樣 function #39#oImg#39mouseoverfunction thisattr#39src#39，#391jpg#39#39#oImg#39mouseoutfunction thisattr#39src#39，#392jpg#39。

可以參考下面的daima 3個div的統(tǒng)一class = #39div#39var index =03秒輪播一次 var timer = setIntervalfunction index = index == 2 ？ 0 index + 1某個div顯示，其他的隱藏 quotdivquothide。

number數(shù)字，其它為空focusScroll_01listEvent = quotonmouseoverquot 切換事件focusScroll_01frameWidth = 635顯示框?qū)挾萬ocusScroll_01pageWidth = 635 翻頁寬度focusScroll_。

將當前顯示的BANNER圖片的索引值設置為0，也就是默認是第一個圖片的序號var t = n = 0， count$documentreadyfunction定義獲取四張BANNER圖count=$quot#banner_list aquotlength 設置默認顯示第一張。

用的是super slideinterTime 毫秒自動運行間隔當effect為無縫滾動topMarqueeleftMarquee時，相當于運行速度delayTime 毫秒切換效果持續(xù)時間一次切換效果執(zhí)行所用的時間長度既然用到了怎么不去看官方文檔呢。