亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JQuery動畫

標簽:
JQuery

     .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,以确保该元素不再影响页面布局

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消