解决jquery中animate动画积累
来源:互联网 发布:网络测试仪器 编辑:程序博客网 时间:2024/04/28 21:29
昨天一同学向我求助,说做了一个简单的动画效果,就是图片自动左右播放
/* 无缝式焦点图 */ 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了
/* 无缝式焦点图 */ 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();
- 解决jquery中animate动画积累
- jQuery中动画animate(上)
- jQuery中动画animate(下)
- jquery中animate动画的小例子
- Jquery解决“动画积累”问题
- Jquery解决“动画积累”问题
- jquery animate实现动画
- jquery自定义动画-animate()
- jquery自定义动画animate()
- jquery自定义动画animate()
- jQuery 动画 - animate() 方法
- jQuery animate 动画效果
- jQuery动画之animate()
- jquery动画-animate()
- jquery-animate动画
- jquery动画stop animate
- jQuery 动画特效animate
- JQuery 自定义动画( animate() )
- Struts中的日期转换器
- rgb、RGB常用数值
- _IO, _IOR, _IOW, _IOWR 宏的用法与解析
- 数据库的安全与保密
- 动态规划入门——Pascal's Travels
- 解决jquery中animate动画积累
- 面向对象编程,输入/输出,异常
- C++ DLL注入和代码注入
- “ATL::CStringT<BaseType,StringTraits>::operator +”: 3 个重载有相似的转换
- MVVM模式图解
- 隐马尔科夫模型
- 教你永久隐藏你的机密文件
- C++中inline函数
- subArray Related