 
function refresh() { 
var s = $(".box1"); 
if (!s.is(":animated")) 
$(".box1").animate({ marginLeft: "0px" }, "slow", function () { 
$('.box1 img:first').before($('.box1 img:last')); 
$(".box1").css("margin-left", "-206px"); 
}); 
} 
<div class="frame"><div class="box1"><img src="img/001.png" alt="" /><img src="img/002.png" alt="" /><img src="img/003.png" alt="" /><img src="img/004.png" alt="" /></div></div> 
<button type="button"><<</button><button type="button" onclick="refresh()">>></button> 
.box1 
{ 
width:1200px; 
overflow:hidden; 
margin-left:-206px; 
} 
.frame 
{ 
width:620px; 
overflow:hidden; 
} 

圖片寬度默認(rèn)206px，沒(méi)設(shè)定

您可能感興趣的文章:

循環(huán)滾動(dòng)

相關(guān)文章

簡(jiǎn)單的jQuery banner圖片輪播實(shí)例代碼
這篇文章主要介紹了簡(jiǎn)單的jQuery banner圖片輪播實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2016-03-03
JQuery 進(jìn)入頁(yè)面默認(rèn)給已賦值的復(fù)選框打鉤
這篇文章主要介紹了JQuery 進(jìn)入頁(yè)面默認(rèn)給已賦值的復(fù)選框打鉤的實(shí)現(xiàn)代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-03-03
jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能【案例】
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)非常實(shí)用的tab欄切換功能,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2019-02-02
jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單聊天室，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
跟著JQuery API學(xué)Jquery 之三篩選
跟著JQuery API學(xué)Jquery 之三篩選，相當(dāng)于條件判斷類(lèi)型。
2010-04-04
jQuery中toggleClass()方法用法實(shí)例
這篇文章主要介紹了jQuery中toggleClass()方法用法,實(shí)例分析了toggleClass()方法的功能、定義及對(duì)添加或移除匹配元素的一個(gè)或多個(gè)類(lèi)進(jìn)行切換的使用技巧,需要的朋友可以參考下
2015-01-01
jquery 學(xué)習(xí)筆記傳智博客佟老師附詳細(xì)注釋
本人水平有限，在學(xué)習(xí)時(shí)請(qǐng)用批判的態(tài)度學(xué)習(xí)，有問(wèn)題給我留言傳智博客佟老師 jqurey 學(xué)習(xí)筆記，以及例子代碼詳細(xì)注釋。
2009-07-07
jQuery中DOM節(jié)點(diǎn)刪除之empty與remove
DOM節(jié)點(diǎn)刪除相信對(duì)每個(gè)初學(xué)jQuery的新手們來(lái)說(shuō)都不陌生，下面這篇文章主要介紹了jQuery中DOM節(jié)點(diǎn)刪除之empty與remove的相關(guān)資料，有需要的朋友可以參考借鑒，感興趣的下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-01-01
jquery判斷密碼強(qiáng)度的驗(yàn)證代碼
本文主要介紹了jquery判斷密碼強(qiáng)度的驗(yàn)證代碼，這是一個(gè)非常常見(jiàn)的功能，在輸入密碼的時(shí)候提示密碼的強(qiáng)度，本文使用jQuery來(lái)實(shí)現(xiàn)，有需要的小伙伴可以參考下。
2015-11-11
jQuery菜單插件superfish使用指南
Superfish是一款Jquery插件，它能非常容易的建立復(fù)雜的多級(jí)下拉菜單，Superfish使用也非常普遍。你可能用Superfish實(shí)現(xiàn)多種菜單效果。
2015-04-04