jQuery animate 是一個(gè)jQuery基于 JavaScript編寫的庫(kù),它可以讓我們非常方便地為網(wǎng)頁(yè)添加動(dòng)態(tài)效果。而且在使用 animate 方法時(shí),我們還可以設(shè)置該動(dòng)態(tài)效果的循環(huán)次數(shù)。
$(document).ready(function() { function loop() { $('#box').animate({ opacity: 0.25, left: '+=50', height: 'toggle' }, 5000, function() { $('#box').animate({ opacity: 1, left: '-=50', height: 'toggle' }, 5000, function() { loop(); }); }); } loop(); });
在上面這段代碼中,我們使用了一個(gè) loop 函數(shù)來(lái)進(jìn)行 animate 方法的無(wú)限循環(huán)調(diào)用。即在 animate 方法執(zhí)行完成之后,再次調(diào)用 loop 函數(shù)。這樣,不論是 opacity、left 屬性的動(dòng)態(tài)效果還是 height 的切換效果都將可以循環(huán)播放。
值得注意的是,這里的 animate 方法設(shè)置了一個(gè)時(shí)間參數(shù)為 5000ms。這意味著每一個(gè)動(dòng)態(tài)效果需要執(zhí)行的時(shí)長(zhǎng)為5秒。因此,在寫 animate 方法循環(huán)嵌套的時(shí)候,我們需要結(jié)合自己的實(shí)際需求來(lái)進(jìn)行調(diào)整。
總的來(lái)說(shuō),使用 animate 方法的無(wú)限循環(huán)非常簡(jiǎn)單,只需要將方法嵌套在一個(gè)循環(huán)函數(shù)中即可。同時(shí)也要注意設(shè)置切換效果的時(shí)間,以達(dá)到最佳的動(dòng)態(tài)效果。