无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

jQuery提供了JS未能提供的動(dòng)畫效果，利用jQuery的動(dòng)畫效果，可以極大的簡化JS動(dòng)畫部分的邏輯

滑入滑出動(dòng)畫

1. 滑入動(dòng)畫

   定義：以下拉方式動(dòng)畫效果將html內(nèi)容顯示出來

   使用方式：

   $(selector).slideDown(time,function) 
   $(selector).slideDown(2000) 
   $(selector).slideDown() 
   $(selector).slideDown(fast/normal/slow)

   time代表執(zhí)行動(dòng)畫的時(shí)間，function代表動(dòng)畫執(zhí)行完之后所要執(zhí)行的函數(shù)

2. 滑出動(dòng)畫

   定義：以上滑方式動(dòng)畫效果將html內(nèi)容隱藏出來

   使用方式：

   $(selector).slideUp(time,function) 
   $(selector).slideUp(2000) 
   $(selector).slideUp() 
   $(selector).slideUp(fast/normal/slow)

   time代表執(zhí)行動(dòng)畫的時(shí)間，function代表動(dòng)畫執(zhí)行完之后所要執(zhí)行的函數(shù)

3. 滑入滑出切換動(dòng)畫

   定義：在滑入滑出動(dòng)畫間切換

   使用方式：

   $(selector).slideToggle(time,function) 
   $(selector).slideToggle(2000) 
   $(selector).slideToggle() 
   $(selector).slideToggle(fast/normal/slow)

淡入淡出動(dòng)畫

1. 淡入動(dòng)畫

   作用：讓元素以淡淡的進(jìn)入視線的方式展現(xiàn)出來

   使用方式

   $(selector).fadeIn(time,function) 
   $(selector).fadeIn(2000) 
   $(selector).fadeIn() 
   $(selector).fadeIn(fast/normal/slow)

2. 淡出動(dòng)畫

   作用：讓元素以淡淡的離開視線的方式隱藏起來

   使用方式

   $(selector).fadeOut(time,function) 
   $(selector).fadeOut(2000) 
   $(selector).fadeOut() 
   $(selector).fadeOut(fast/normal/slow)

3. 淡入淡出切換動(dòng)畫

   作用：讓元素在淡入淡出動(dòng)畫切換

   使用方式

   $(Selector).fadeToggle(time,function) 
   $(selector).fadeToggle(2000) 
   $(selector).fadeToggle() 
   $(selector).fadeToggle(fast/normal/slow)

4. 修改opacity

   作用： 修改opacity的值

   使用方式

   $(Selector).fadeTo(time,opacity,function) 
   time可以是字符串，可以是具體數(shù)字 
   也可只有參數(shù)一、參數(shù)二

顯示隱藏動(dòng)畫

1. 顯示動(dòng)畫

   作用： 將Html結(jié)構(gòu)顯現(xiàn)出來

   使用方式

   $(Selector).show(time，function) 
   $(selector).show(2000) 
   $(selector).show() 
   $(selector).show(fast/normal/slow)

2. 隱藏動(dòng)畫

   作用： 將Html結(jié)構(gòu)隱藏起來

   使用方式

   $(Selector).hide(time，function) 
   $(selector).hide(2000) 
   $(selector).hide() 
   $(selector).hide(fast/normal/slow)

停止動(dòng)畫

• 定義：停止正在執(zhí)行的動(dòng)畫

• 使用方式：

  $(selector).stop() 
  stop()中可以有兩個(gè)參數(shù)，參數(shù)一：后續(xù)動(dòng)畫是否執(zhí)行，參數(shù)二：當(dāng)前動(dòng)畫是否執(zhí)行完畢，默認(rèn)的是（false,false),注意第一個(gè)參數(shù)，true代表的是后續(xù)動(dòng)畫不執(zhí)行 
  ———————————————————————————— 
  第一種:(false，false) 
  后續(xù)動(dòng)畫會(huì)執(zhí)行，當(dāng)前動(dòng)畫不會(huì)執(zhí)行完 
  第二種:(false，true) 
  后續(xù)動(dòng)畫會(huì)執(zhí)行，當(dāng)前動(dòng)畫會(huì)執(zhí)行完 
  第三種:(true，false) 
  后續(xù)動(dòng)畫不會(huì)執(zhí)行，當(dāng)前動(dòng)畫不會(huì)執(zhí)行完 
  第四種:(true，true) 
  后續(xù)動(dòng)畫不會(huì)執(zhí)行，當(dāng)前動(dòng)畫會(huì)執(zhí)行完

自定義動(dòng)畫

• 作用：執(zhí)行一組CSS屬性的自定義動(dòng)畫

• 使用方式：

  $(selector).animate({CSS定義},time,function())