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