温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'jquery animate动画快速执行问题',
blogAbstract:'1、在你的点击事件中加上一个判断，假设产生动画效果目标的是#aa这个节点，那么你要加上这个判断if(!$(\"#aa\").is(\":animated\")){//执行你的操作}他会确保你的动画只会在上一个动画结束后才能产生 ，可以保持动画的完整性，但是连续点击时会有反映迟钝的感觉2、$(\"#aa\").stop(true,false).animate({...},1000);这个则是会强制你的上一动画立即结束并到达动画执行结束时状态同时来运行下一次动画，会造成动画脱节不太美观，但是反应迅速',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:9,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}jQuery动画出现连续触发、滞后反复执行的解决方
本文实例讲述了jQuery动画出现连续触发、滞后反复执行的解决方法。分享给大家供大家参考。具体分析如下：
jQuery中slideUp 、slideDown、animate等动画运用时，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，其表现不雅。
则解决办法：
1、在触发元素上的事件设置为延迟处理, 即可避免滞后反复执行的问题（使用setTimeout）
2、在触发元素的事件时预先停止所有的动画，再执行相应的动画事件（使用stop）
jquery stop：
//语法结构
$(&#div&).stop();//停止当前动画，继续下一个动画
$(&#div&).stop(true);//清除元素的所有动画
$(&#div&).stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
$(&#div&).stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态
这里推荐使用第二种方法：
$(&#div&).stop().animate({width:&100px&},100);
你可能感兴趣的文章：
项目中有个需求，下拉框既可以下拉选择，也可以手动填写
&span&数据来源&/span&
&select class=&source&&
运行效果图：
为大家分享的类似淘宝网站搜索框样式代码如下
&meta http-equiv=&Content-Type& content=&text/ ...
本文实例讲述了jQuery将所有被选中的checkbox某个属性值连接成字符串的方法。分享给大家供大家参考。具体如下：
对于一组checkbox，当点击每个checkbox后，把当前处于选中状态的checkbox的某个属性值取出来连...
去年秋天我的业余编程项目(coding side projects)到了一个紧要关头：没有充足的进度，也不能够找到一种方法在既不牺牲我可汗学院(Khan Academy)高效的工作的前提下完成更多的事情。
如何处理我的业余编程项目是有一些严...
$(function(){
$(document).bind(&contextmenu&,function(e){
项目需求：
实现原理：当选中当前元素时，给当前元素添加样式，同级元素移除样式。
点击不同的导航菜单实现当前点击的菜单是高亮的,点击导航下面的某个分类,分类所属的导航也必须是高亮的,点击某一篇文章,文章所属的导航菜单也必须是高亮的.
效果图如...
不多说了，先给大家展示效果图，本文支持源码下载哦，需要的朋友可以直接下载使用，代码很简单哦～
html代码：
&a href=&#&&换肤&/a&
&div class=&quo...
本文实例讲述了jQuery合作伙伴左右滚动特效，分享给大家供大家参考。具体如下：
一款基于jQuery合作伙伴左右滚动特效代码，是一款带左右箭头及自动滚动友情链接合作伙伴左右滚动网页特效，鼠标滑过停止自动滚动，鼠标离开自动滚动，点击左右按钮...
通过 AJAX 加载一段文本：
jQuery 代码：
$(document).ready(function(){
$(&#b01&).click(function(){
htmlobj=$.ajax({url:&quot...
本文实例讲述了jQuery下拉美化搜索表单效果。分享给大家供大家参考。具体如下：
JQuery下拉美化搜索表单样式代码是一款美化下拉框的表单，样式已写好，需要的朋友改一下就可以用了。
小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式...
扫描下方二维码回复 1024 获取验证码
验证码有误，请重新输入
本站(www.javascriptcn.com)所提供的等资源来源互联网，仅供学习研究之用，版权归该资源的合法拥有者所有，如用于商业用途，请购买正版，原作者若认为本站侵犯了您的版权，请联系我们，我们会立即删除！
鄂ICP备号-1
没有账号？关于jquery 怎样让 animate不多次执行呢
[问题点数：60分，结帖人loveifa]
本版专家分：0
结帖率 97.56%
CSDN今日推荐
本版专家分：1111
本版专家分：36198
2011年8月 Web 开发大版内专家分月排行榜第一
2011年12月 Web 开发大版内专家分月排行榜第二
本版专家分：0
本版专家分：0
本版专家分：33956
2012年2月 Web 开发大版内专家分月排行榜第一
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
本版专家分：4471
本版专家分：33956
2012年2月 Web 开发大版内专家分月排行榜第一
2012年4月 Web 开发大版内专家分月排行榜第二2012年3月 Web 开发大版内专家分月排行榜第二
2012年6月 Web 开发大版内专家分月排行榜第三2012年5月 Web 开发大版内专家分月排行榜第三
本版专家分：0
本版专家分：3474
匿名用户不能发表回复！|
其他相关推荐当前位置： >
> &css3 animation动画执行结正文
css3 animation动画执行结束，停顿几秒后重新开始执行
&&&&要实现css3 animation动画执行结束，停顿几秒后重新开始执行的效果，首先想到的是延时执行：animation-delay，然后设置animation-iteration-count为infinite，即无限执行。但是不行，只有第一次执行的之后，会有延时，后面就是不停顿的执行。设置关键帧，也不好弄，那就借助js吧，思路很简单，将animation写进一个class里面，然后通过js的判断+setTimeout延时，增删这个class样式：
& & 1、css代码：
.home .scrollTip{position:}
.home .scrollTip.animate{animation: ani 800}
@keyframes ani{
0% {opacity:1; bottom:0;}
100% {opacity:0; bottom:-40}
& & 2、js代码
//获取dom节点
var scrollTip = document.querySelector('.scrollTip');
//页面载入时，给它执行一次
scrollTip.classList.add('animate');
//监听动画是否结束
scrollTip.addEventListener('animationend',function(){
//动画结束，移除动画的样式类
scrollTip.classList.remove('animate');
//延时1秒，再将动画加入
setTimeout(function(){
scrollTip.classList.add('animate');
(责任编辑：网页模板)jquery 的animate延迟解决！_百度知道
jquery 的animate延迟解决！
我有更好的答案
&!DOCTYPE&HTML&&html&&head&&title&yugi&/title&&meta&charset=UTF-8&/&&style&type=&text/css&&li&div&{ position:&}&/style&&script&type=&text/javascript&&src=&jquery-1.8.0.min.js&&&/script&&script&type=&text/javascript&& jQuery&(function&($)&&&&{ &&&&var&div&=&$&(&div&); &&&&$&(&li&).mouseover&(function&() &&&&{
&&&&div.animate&(
&&&&left&:&&250px&
&&&&},&3000); &&&&}).mouseout&(function&() &&&&{
&&&&div.animate&(
&&&&left&:&&0px&
&&&&},&100); &&&&});&&&&})&/script&&/head&&body& &ul&
&li&&div&11111&/div&&/li& &/ul&&/body&&/html&
为您推荐：
其他类似问题
jquery的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。