无遮挡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未能提供的動畫效果，利用jQuery的動畫效果，可以極大的簡化JS動畫部分的邏輯

滑入滑出動畫

1. 滑入動畫

   定義：以下拉方式動畫效果將html內容顯示出來

   使用方式：

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

   time代表執行動畫的時間，function代表動畫執行完之后所要執行的函數

2. 滑出動畫

   定義：以上滑方式動畫效果將html內容隱藏出來

   使用方式：

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

   time代表執行動畫的時間，function代表動畫執行完之后所要執行的函數

3. 滑入滑出切換動畫

   定義：在滑入滑出動畫間切換

   使用方式：

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

淡入淡出動畫

1. 淡入動畫

   作用：讓元素以淡淡的進入視線的方式展現出來

   使用方式

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

2. 淡出動畫

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

   使用方式

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

3. 淡入淡出切換動畫

   作用：讓元素在淡入淡出動畫切換

   使用方式

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

4. 修改opacity

   作用： 修改opacity的值

   使用方式

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

顯示隱藏動畫

1. 顯示動畫

   作用： 將Html結構顯現出來

   使用方式

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

2. 隱藏動畫

   作用： 將Html結構隱藏起來

   使用方式

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

停止動畫

• 定義：停止正在執行的動畫

• 使用方式：

  $(selector).stop() 
  stop()中可以有兩個參數，參數一：后續動畫是否執行，參數二：當前動畫是否執行完畢，默認的是（false,false),注意第一個參數，true代表的是后續動畫不執行 
  ———————————————————————————— 
  第一種:(false，false) 
  后續動畫會執行，當前動畫不會執行完 
  第二種:(false，true) 
  后續動畫會執行，當前動畫會執行完 
  第三種:(true，false) 
  后續動畫不會執行，當前動畫不會執行完 
  第四種:(true，true) 
  后續動畫不會執行，當前動畫會執行完

自定義動畫

• 作用：執行一組CSS屬性的自定義動畫

• 使用方式：

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