2
$('#scrollbar1').css('width','1000px');
$('#scrollbar1 img').css('width','980px');
setInterval(function(){
var ff = $('#scrollbar1 img:first');
var ll = $('#scrollbar1 img:last');
var nn = ll.prev();
nn.show();
ll.fadeOut(1000,function(){
ff.before(ll);
});
},2000);
以上是我的一個簡單的jQuery幻燈片如何優化的jQuery淡出動畫上IPAD
和相關的HTML jQuery代碼是一樣的東西:
<div id="scrollbar1">
<img src="images/intro/intro3_1.jpg">
<img src="images/intro/intro3_2.jpg">
<img src="images/intro/intro3_3.jpg">
<img src="images/intro/intro3_4.jpg">
<img src="images/intro/intro3_5.jpg">
<img src="images/intro/intro3_6.jpg">
<img src="images/intro/intro3_7.jpg">
</div>
這工作完全在桌面瀏覽器,但在IPAD上效果真的很不穩定。任何想法如何使動畫像桌面版本一樣平滑?