jQuery中实现动画效果的基本操作介绍
动画效果
show():显示
hide()隐藏
$().toggle():显示和隐藏效果切换
都可以传入参数,speed.
fadeOut(淡出)
fadeIn(淡入)
fadeToggle();淡入淡出切换
fadeTo(2000,0.3)将图片显示到透明度为30%的程度
滑动显示
slideDown():
slideUp():
slideToggle():
都可以传入一个speed参数。
$(':animated');获取正在执行动画的元素。
将正在执行动画的元素停止:
$(':animated').stop():停止当前的动画。
stop(true)表示清除队列中的所有的动画,即动画立即停止,如果不传递参数,只是立刻停止当前的动画。
$(':animated').stop(false,true)第二个参数为true表示停止当前正在执行的动画,并且将元素设置为当前动画执行结束处的位置。
您可能感兴趣的文章:
jQuery中实现动画效果的基本操作介绍
HTML5如何绘制动画?(代码实例)
CSS3使用Animate.css制作超炫的动画效果
基于JQuery 滑动与动画的说明介绍
canvas实现的骨骼动画
jQuery Animation实现CSS3动画示例介绍
jquery中的animate函数
jquery和ajax的关系详细介绍
Photoshop制作出有创意的画中画效果教程
css3中 transition 与 animation用法介绍