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,这里只是告诉大家有这么个东西。