Heim >Web-Frontend >js-Tutorial >jQuery中实现动画效果的基本操作介绍_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表示停止当前正在执行的动画,并且将元素设置为当前动画执行结束处的位置。