Web實訓知識點 0409

一.jquery的滑動效果

實現方法：#slide與#panel

案例**如下：

點我滑動或者隱藏
hello

實現方法：hide（）與show（）

案例**如下：

$(document).ready(function())

})$("#button2").click(function())
})

實現方法：animate（）

案例**如下：

開始動畫

預設情況下，所以的html元素有乙個靜態的位置，且是不可移動的，如果需要改變，那麼需要將元素的position的屬性設定為：absolute，relative，fixed；

hello world

hello world

特點： 瀏覽不用多次去查詢相同的元素。即發生在同乙個jquery物件上的一組動作，可以直接接連寫無需要重複獲取物件。

通過jquery可以把方法鏈結到一起chaining允許我們在一條語句中執行多個jquery方法（在相同的元素上）。

$("#p1").css("color","red").slideup(2000).slidedown(2000);

「p1」 元素首先會變為紅色，然後向上滑動，然後向下滑動。

Web實訓知識點 0409

回顧 1，加入jquery庫 2，文件就緒 document ready function 相當於 function button2 click function 二.jquery的動畫效果 滑動 有兩個方法 slide和 panel 實現 點我滑動或者隱藏 hello 三.jquery的動畫效果 ...

web實訓知識點0409

1.jquery的動畫顯示 顯示和隱藏 方法 hide 和 show document ready function button2 click function 2.jquery的動畫效果 滑動 有兩個方法 slide和 panel 點我滑動或者隱藏 hello 3.jquery的動畫效果 動畫 ...

web實訓知識點 0409

hide show document ready function button2 click function 1，加入jquery庫 2，文件就緒 document ready function 相當於 fu ncti on 基本語 法 function 基本語法 funct ion 基本 語法...