jquery焦點圖輪播

mouseover時清除一下計時器，并不需要調(diào)用showpic(n)。因為你鼠標(biāo)懸浮是想要停止自動切換。clearTimeout(t)；

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的貴德網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

再幫一個moverout事件，里鼠標(biāo)移出重新開始計數(shù)器。

關(guān)于jQuery輪播焦點圖的代碼，這個是別人發(fā)的，新手有些看不明白，問題在補(bǔ)充里面，幫忙了大家

問題1：function Scroll(obj,speed,interval){....},這是個函數(shù)，在頁面必然會有類似 Scroll(樣式名稱，速度，間隔) 這樣的調(diào)用。

問題2：$("."+obj).each(function(){ ... }); 這段代碼分開分析就會比較易懂，$("."+obj)這個表示的是獲取頁面中class含有obj的對象，返回的是jQuery對象數(shù)組；each()就是遍歷這個數(shù)組。

function scroll(){ ... } 這同樣是個函數(shù)，調(diào)用一定是在function Scroll(obj,speed,interval){....} 內(nèi)部，代碼沒貼全，你自己找一下。

問題3：stop（）就是先停下來，為下一個動畫做準(zhǔn)備。這段代碼不是移動li，就是移動UL，然后每次移動一個li的寬度。

問題4：這是在UL的動畫的回調(diào)函數(shù)中的代碼，意思是動畫結(jié)束后，設(shè)置最左邊的距離為0，就是緊貼最左邊顯示。

問題5：這里的$(this)，要看具體的上下文環(huán)境，因為是在$imgUl.stop().animate({left:-width},speed,function(){ .... }); 整個里面寫的，所以$(this)指向的就是$imgUI。

$imgUl.children("li:first").appendTo($(this));

這句的意思就是，找到UL下面的第一個li把它放到UL中l(wèi)i最后的位置。

希望對你有幫助!

有沒有人手把手教我一個用jQuery實現(xiàn)的焦點圖輪播的效果，我很需要，網(wǎng)上的腳本沒解釋看不懂，有大神嗎

最簡單的方法，用css把所以圖片重疊再一起并把樣式display設(shè)置為none，然后用jquery獲取所有圖片，用循環(huán)語句設(shè)置css的display為block就可以了。

如何仿淘寶首頁jquery輪播焦點圖

下面是常用的輪播圖插件實例，復(fù)制下來稍微改動下樣式就行了

!--效果演示地址?;

!--下載插件并引入到頁面--

link?rel="stylesheet"?href="css/idangerous.swiper.css"

script?src="js/idangerous.swiper-2.x.min.js"/script

div?class="swiper-container"

div?class="swiper-wrapper"

div?class="swiper-slide"?圖片1/div

div?class="swiper-slide"?圖片2/div

div?class="swiper-slide"?圖片3/div

/div

/div

script?type="text/javascript"

var?mySwiper?=?new?Swiper('.swiper-container');

/script