20- jQuery中的动画

jQuery中的动画

控制显示和隐藏


show()  “fast”:200  “normal”:400    “slow”:600
hide()


控制不透明度

fadeIn()
fadeOut()
fadeTo()    //$(“div”).fadeTo(“fast”,”0.2”);


控制高度

slideUp()
slideDown()
自定义动画实现


自定义动画实现

animate(params,speed,fun);

累加、累减动画

$("#btn").click(function(){
    $("#pos").animate({left:"+=20px"},fast);
})

同时执行多个动画

$("#pos").animate({left:"+=20px",height:"+=20px"},fast);

停止动画

stop()方法:停止阶段性动画。
stop(true)方法:停止当前动画后的所有阶段动画。

判断元素是否处于动画状态

$("#ele").is(":animated")
说明:
动画是顺序执行的。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容