jQuery使用數(shù)組編寫圖片無(wú)縫向左滾動(dòng)
更新時(shí)間：2012年12月11日 09:26:15 作者：
jQuery編程實(shí)現(xiàn)一組由8幅圖組成的圖片，進(jìn)入網(wǎng)頁(yè)初始時(shí)顯示前面4張，然后自動(dòng)向左滾動(dòng)，直到屏幕顯示的是后4張時(shí)停止?jié)L動(dòng)，需要的朋友可以參考下
jQuery編程實(shí)現(xiàn)一組由8幅圖組成的圖片，進(jìn)入網(wǎng)頁(yè)初始時(shí)顯示前面4張，然后自動(dòng)向左滾動(dòng)，直到屏幕顯示的是后4張時(shí)停止?jié)L動(dòng)。
下面是jQuery代碼：
$(document).ready(function() {
var $images = $('#images img');
var imgs = $images.length;
var next_img;
for(var i=0;i<imgs;i++) {
next_img=$images.eq(i);
scroll(next_img);
}
});
//創(chuàng)建一個(gè)滾動(dòng)的函數(shù)，使用animate函數(shù)自定義動(dòng)畫
function scroll(image) {
image.animate({'left':-485},5000);
};
</script>
下面是jQuery代碼：
復(fù)制代碼 代碼如下:
$(document).ready(function() {
var $images = $('#images img');
var imgs = $images.length;
var next_img;
for(var i=0;i<imgs;i++) {
next_img=$images.eq(i);
scroll(next_img);
}
});
//創(chuàng)建一個(gè)滾動(dòng)的函數(shù)，使用animate函數(shù)自定義動(dòng)畫
function scroll(image) {
image.animate({'left':-485},5000);
};
</script>
相關(guān)文章
這篇文章主要介紹了jQuery.one() 函數(shù)的用法，文中通過(guò)示例代碼幫助大家更好的學(xué)習(xí)，感興趣的朋友可以參考一下2020-06-06
通過(guò)這篇文章你可以得到以下收獲JQUERY操作JSON的一些實(shí)現(xiàn)方法。2010-02-02
Javascript jquery css 寫的簡(jiǎn)單進(jìn)度條控件
很多的時(shí)候用戶需要等待你“臃腫”的 Javascript 代碼處理完成（Web 2.0 的特色）。期間或許加入一個(gè)類似于進(jìn)度條的東西讓用戶有點(diǎn)“安慰”。這個(gè)東西實(shí)現(xiàn)起來(lái)并不復(fù)雜，無(wú)非就是獲得總的處理?xiàng)l目，然后獲得一個(gè)百分比，再顯示輸出。2008-03-03
這篇文章介紹了用jquery存取照片的具體實(shí)現(xiàn)方法，需要的朋友可以參考一下2013-06-06
jQuery使用toggleClass方法動(dòng)態(tài)添加刪除Class樣式的方法
這篇文章主要介紹了jQuery使用toggleClass方法動(dòng)態(tài)添加刪除Class樣式的方法,實(shí)例分析了jQuery中toggleClass方法操作class樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jquery的總體架構(gòu)分析及實(shí)現(xiàn)示例詳解
學(xué)習(xí)開(kāi)源框架，童鞋們最想學(xué)到的就是設(shè)計(jì)的思想和實(shí)現(xiàn)的技巧。最近研究jQuery源碼，記錄一下我對(duì)jquery的理解和心得，跟大家分享，權(quán)當(dāng)拋磚引玉。2014-11-11
最常見(jiàn)的左側(cè)分類菜單欄jQuery實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了最常見(jiàn)的左側(cè)分類菜單欄jQuery實(shí)現(xiàn)代碼,仿京東、淘寶等各大類網(wǎng)站效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之綁定事件
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十） 事件系統(tǒng)——綁定事件的相關(guān)資料,需要的朋友可以參考下2015-11-11
jquery中g(shù)et,post和ajax方法的使用小結(jié)
本篇文章主要是對(duì)jquery中g(shù)et,post和ajax方法的使用進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
jQuery模仿ToDoList實(shí)現(xiàn)簡(jiǎn)單的待辦事項(xiàng)列表
這篇文章主要介紹了jQuery模仿ToDoList實(shí)現(xiàn)簡(jiǎn)單的待辦事項(xiàng)列表，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12