码迷,mamicode.com
首页 > Web开发 > 详细

jquery动画

时间:2015-10-10 10:31:55      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

jquery动画

在JQ中做动画。参考API中的效果。
.show()——显示
.hide()——隐藏
.toggle()——显示和隐藏的切换
.fedeto(时间,透明度到多少)——透明
.animate({动画最终效果如:"margin-left":"200px","width":"200px"},1000,function(){...})
不是所有CSS值都能做动画,只有值为数字的时候才能做动画。例如display:none不能用。
.stop——停止当前正在播放的动画,后面的动画不会删掉。
.finish——停止正在播放的动画,到动画结束的状态并且删掉后面还在排队的动画。
.delay(第一格动画,延迟时间,后一个动画)——动画队列、

.each——是for循环的一个替代品

$(function(){
$("ul").hover(function(){
$("li").each(function(i){
var obj = $(this);//用个变量临时保存
setTimeout(function(){//每一个延迟
obj.animate({
right:70
},500);
},50*i);
});
}
}

jquery动画

标签:

原文地址:http://www.cnblogs.com/Rt-long/p/4865787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!