jquery 动画效果

show / hide、sildeDown / sildeUp、fadeIn / fadeOut;toggle、sildeToggle以及fadeToggle;animate

toggle、sildeToggle以及fadeToggle的区别:
  • toggle:切换显示与隐藏效果
  • sildeToggle:切换上下拉卷滚效果
  • fadeToggle:切换淡入淡出效果
toggle与slideToggle细节区别:
  • toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性
  • slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性

fadeToggle方法

  • fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。

  • 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。

  • 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。

  • 注释:隐藏的元素不会被完全显示(不再影响页面的布局)

animate:eg: $('#id').animate({width:50%;height:50%});  //大括号内写的是CSS属性,注意:所有指定的属性必须用骆驼形式,比如 用marginLeft代替margin-left;可以通过在属性值前面指定 "<em>+=</em>" 或 "<em>-=</em>" 来让元素做相对运动

$aaron.animate({
                  width  : "+=100px",
                  height : "+=100px"
            });

stop:停止正在执行的动画;如果动画未完成,停止了,那么动画完成时执行的回调函数是不会被调用的

上面的具体使用,看API,这里只是告诉大家有这么个东西。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值