JQuery循環(huán)滾動圖片代碼
更新時間：2011年12月08日 23:19:46 作者：
每次滾動的長度不要固定死，可以直接獲取圖片寬度作為滾動的長度。這樣當你的網站有很多地方需要這個效果的時候一個函數就可以搞定了
復制代碼 代碼如下:
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;
}
圖片寬度默認206px，沒設定
相關文章
這篇文章主要介紹了簡單的jQuery banner圖片輪播實例代碼的相關資料,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了JQuery 進入頁面默認給已賦值的復選框打鉤的實現代碼，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-03-03
這篇文章主要介紹了jQuery插件實現非常實用的tab欄切換功能,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關實現技巧,需要的朋友可以參考下2019-02-02
這篇文章主要為大家詳細介紹了jQuery實現簡單聊天室，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
跟著JQuery API學Jquery 之三 篩選，相當于條件判斷類型。2010-04-04
這篇文章主要介紹了jQuery中toggleClass()方法用法,實例分析了toggleClass()方法的功能、定義及對添加或移除匹配元素的一個或多個類進行切換的使用技巧,需要的朋友可以參考下2015-01-01
本人水平有限，在學習時請用批判的態(tài)度學習，有問題給我留言 傳智博客佟老師 jqurey 學習筆記，以及例子代碼詳細注釋。2009-07-07
jQuery中DOM節(jié)點刪除之empty與remove
DOM節(jié)點刪除相信對每個初學jQuery的新手們來說都不陌生，下面這篇文章主要介紹了jQuery中DOM節(jié)點刪除之empty與remove的相關資料，有需要的朋友可以參考借鑒，感興趣的下面來一起學習學習吧。2017-01-01
本文主要介紹了jquery判斷密碼強度的驗證代碼，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強度，本文使用jQuery來實現，有需要的小伙伴可以參考下。2015-11-11
Superfish是一款Jquery插件，它能非常容易的建立復雜的多級下拉菜單，Superfish使用也非常普遍。你可能用Superfish實現多種菜單效果。2015-04-04