麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:55:11
字體:
來源:轉載
供稿:網友
昨天一同學向我求助,說做了一個簡單的動畫效果,就是圖片自動左右播放
復制代碼 代碼如下:

<span style="white-space:pre"> </span>/* 無縫式焦點圖 */
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();

復制代碼 代碼如下:

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

由于以前也沒遇到過此問題,我也是想了半個多小時,沒搞定,后來翻了翻以前做的筆記,有了答案,那個setTimeout使用時會產生動畫隊列,有可能是在chrome瀏覽器中窗口不處于最前端時動畫的隊列產生積累,當回歸最前端時便一下子爆發出來了,于是想到jquery中的stop方法,該方法是停止所有在此元素上的動畫。果然,加上后就ok了

復制代碼 代碼如下:

<span style="white-space:pre"> </span>/* 無縫式焦點圖 */
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();
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 性少妇freeseⅹbbwhd | 久国久产久精永久网页 | 日本成人一区 | 欧美激情在线播放 | 日韩.www | 98国内自拍在线视频 | 久久久久北条麻妃免费看 | 欧美一级全黄 | 情侣啪啪网站 | 日本免费一区二区三区四区 | 欧美人禽 | 9191久久久久视频 | 成人不卡在线观看 | 青青草成人影视 | 羞羞的动漫在线观看 | 欧美一区二区三区不卡免费观看 | 第一区免费在线观看 | 蜜桃视频在线入口www | 日韩精品无码一区二区三区 | 国产成人高潮免费观看精品 | 国产91影院| 日韩在线播放一区二区 | 美国一级毛片片aa久久综合 | 黄色美女网站免费看 | 圆产精品久久久久久久久久久 | 叉逼视频 | 成人福利免费在线观看 | 男女生羞羞视频网站在线观看 | 日韩精品hd | av电影在线播放 | 欧美色另类 | 久久视频精品 | 一级黄色免费观看视频 | 污黄视频在线播放 | 99精彩视频在线观看 | 欧美日本在线视频 | 中文字幕在线播放视频 | 免费一级毛片在线播放视频老 | 失禁高潮抽搐喷水h | 最近免费观看高清韩国日本大全 | 国产乱淫a∨片免费视频 |