Web前端基础(18)jQuery中的动画
·
大约 200 个字
·
预计 1
分钟 读完
show()和hide()
show()和hide()是jQuery中最基本的动画方法,该动画操作了display:none;
1
2
3
4
5
6
7
| $(function(){
$("#panel").toggle(function(){
$(this).next().hide();
}, function(){
$(this).next().show();
})
})
|
show()和hide()可以传入动画执行毫秒数或者传入“nomal", “slow”, “fast"关键字控制速度。
fadeIn()和fadeOut()
fadeIn()和fadeOut()只是改变透明度。
slideUp()和slideDown()
slideUp()和slideDown()只会改变元素的高度(由上到下展开, 由下到上收起)。
自定义动画animate()
1
| animate(params, speed, callback);
|
参数说明:
params: 一个包含样式属性和值的映射
speed:速度参数,可选
callback:动画完成时执行的函数,可选
1
2
3
4
5
| $(function(){
$("#panel").click(function(){
$(this).animate({left:"500px"}, 3000);
})
})
|
阅读更多