jQuery的动画函数

显示隐藏:
1.show([speed],[easing],[fn]) 显示元素, speed为速度,easing切换效果(先快后慢),fn回调函数,当全部隐藏后执行fn,它们都可以省略
2.hide([speed],[easing],[fn]) 隐藏元素
3.toggle([speed],[easing],[fn]) 切换显示/隐藏,隐藏调用时显示,显示调用时隐藏
//一般情况下都不加参数
滑动:
1.slideDown([speed],[easing],[fn]) 下拉滑动
2.slideUp([speed],[easing],[fn]) 上拉滑动
3.slideToggle([speed],[easing],[fn]) 切换滑动
淡入淡出:
1.fadeIn([speed],[easing],[fn]) 淡入
2.fadeOut([speed],[easing],[fn]) 淡出
3.fadeToggle([speed],[easing],[fn]) 淡入淡出切换
4.fadeTo(speed,opacity,[easing],[fn]) 改变颜色透明度 opacity值为0~1,speed和opacity必须要写
自定义动画:
animate(json,[speed],[easing],[fn]) josn为一个对象,里面存储你要改变的样式,speed为执行时间,fn为回调函数一般用来判断动画是否执行完毕

动画或效果队列:
动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行

结束动画:
step();
案例

var odiv = $('div');
$("input").hover(function () {
    odiv.stop().slideToggle(1000 );
});

注意:一定要写在效果或者动画之前

事件切换:
hover(f1); 鼠标经过和离开都会触发f1
hover(f1,f2); 鼠标经过执行f1,离开执行f2

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值