7.jQuery学习笔记第七节/Jq的效果之滑动效果

jQuery学习笔记第七节/Jq的效果之滑动效果


1.滑动

首先这个动画效果也前面的 show,hide,fade都是类似的一共有2个参数,第一个是动画的执行时间,第二个是动画执行完毕的回调函数.

  • slideDown
  • slideUp
  • slideToggle

下面详细的介绍这些个方法的使用:

1.
2.    
3.       
4.       
5.       
6.        
10.      
11.    
12.     
13.        

点我可以滑出来

14.

点我可以滑回去

15.

点我可以在滑动的两个状态之间切换

16.
17. 我出来啦... 18.
19. 20. 38.

注意注意:
上面的代码写的很清晰了,当你使用 slideDown()的时候,被使用这个方法的元素要先不显示,才有动画的效果.反之亦然.这里就不再赘述了.

2.写在后面

写到了这里其实也就没有啥子的了,效果都可以实现了.这一节的 B 就装到这里,退朝.鼓掌,撒花


你可能感兴趣的:(7.jQuery学习笔记第七节/Jq的效果之滑动效果)