欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery中animate動畫積累的解決方法

 更新時(shí)間：2013年10月05日 15:56:26   作者：  
setTimeout使用時(shí)會產(chǎn)生動畫隊(duì)列，有可能是在chrome瀏覽器中窗口不處于最前端時(shí)動畫的隊(duì)列產(chǎn)生積累，下面為大家介紹下詳細(xì)的解決方法
昨天一同學(xué)向我求助，說做了一個(gè)簡單的動畫效果，就是圖片自動左右播放
復(fù)制代碼 代碼如下:

<span style="white-space:pre"> </span>/* 無縫式焦點(diǎn)圖 */
var _left = 770;
var left = -_left;//-770
function slideImg() {
if(left == -3080 || left == 0) {
_left = -_left;
}
$('.slidepics').animate({'left': left + 'px'},1000);
left = left - _left;
tim = setTimeout(slideImg,5000);
}
slideImg();

復(fù)制代碼 代碼如下:

我瞅了下，挺簡單的，乍一看，沒啥問題啊。后來他就說了困擾他一個(gè)月的奇怪問題，他說窗口在最前端時(shí)是ok，但把窗口最小化或是瀏覽其他窗口時(shí)就話出現(xiàn)快速的播放，過了一會兒又正常了（ie是沒問題的，chrome有問題，firefox也沒問題）。

由于以前也沒遇到過此問題，我也是想了半個(gè)多小時(shí)，沒搞定，后來翻了翻以前做的筆記，有了答案，那個(gè)setTimeout使用時(shí)會產(chǎn)生動畫隊(duì)列，有可能是在chrome瀏覽器中窗口不處于最前端時(shí)動畫的隊(duì)列產(chǎn)生積累，當(dāng)回歸最前端時(shí)便一下子爆發(fā)出來了，于是想到j(luò)query中的stop方法，該方法是停止所有在此元素上的動畫。果然，加上后就ok了

復(fù)制代碼 代碼如下:

<span style="white-space:pre"> </span>/* 無縫式焦點(diǎn)圖 */
var _left = 770;
var left = -_left;//-770
function slideImg() {
if(left == -3080 || left == 0) {
_left = -_left;
}
$('.slidepics').stop().animate({'left': left + 'px'},1000);
left = left - _left;
tim = setTimeout(slideImg,5000);
}
slideImg();

相關(guān)文章

最新評論