.slideDown()下拉动画、.slideUp()显示上卷动画和.slideToggle()上卷下拉切换
1 .slideDown()用滑动动画显示一个匹配元素，给匹配元素高度的动画，会导致页面的下面部分滑下去，弥补了显示的方式
2 常见的操作是提供一个动画是时间，然后传递一个回调，用于知道动画什么时候结束
3 持续时间（duration）是以毫秒为单位的，数值越大，动画越慢，字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时，如果提供任何其他字符串，或者这个duration参数被省略，那么默认使用400 毫秒的延时
4 下拉动画是从无到有，所以一开始元素是需要先隐藏起来的，可以设置display:none
5 如果提供回调函数参数，callback会在动画完成的时候调用，将不同的动画串联在一起按顺序排列执行是非常有用的，这个回调函数不设置任何参数，但是 this会设成将要执行动画的那个DOM元素，如果多个元素一起做动画效果，那么要非常注意，回调函数会在每一个元素执行完动画后都执行一次，而不是这组 动画整体才执行一次
6 .slideUp()显示上卷动画
7 $("elem").slideUp()不带参数，找到元素的高度，然后采用一个下滑动画让元素一直滑到隐藏，当高度为0的时候，也就是不可见的时，修改元素display 样式属性被设置为none，这样就能确保这个元素不会影响页面布局了
8 .slideUp( [duration ] [, easing ] [, complete ] )带参数，提供一个时间，使用一种过渡使用哪种缓动函数，jQuery默认就2种，可以通过下载插件支持，最后一个动画结束的回调方法
9 因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面，这里要特别注意
10 .slideToggle()上卷下拉切换,用滑动动画显示或隐藏一个匹配元素,获取元素的高度，使这个元素的高度发生改变，从而让元素里的内容往下或往上滑
11 .slideToggle( [duration ] ,[ complete ] )提供参数，提供了时间、还有动画结束的回调，在参数对应的时间内，元素会完成动画，然后出发回调函数，同时也提供了时间的快速定义，字符串 'fast' 和 'slow' 分别代表200和600毫秒的延时
12 display属性值保存在jQuery的数据缓存中，所以display可以方便以后可以恢复到其初始值
13 当一个隐藏动画后，高度值达到0的时候，display 样式属性被设置为none，以确保该元素不再影响页面布局
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦