jquery之超簡單的div顯示和隱藏特效demo簡介

才智咖 人氣:6.48K

複製程式碼 程式碼如下:

jquery之超簡單的div顯示和隱藏特效demo簡介

$(document)y( function(){});

function hiden(){

$("#divObj")();//hide()函式,實現隱藏,括號裡還可以帶一個時間引數(毫秒)例如hide(2000)以2000毫秒的速度隱藏,還可以帶slow,fast

}

function slideToggle(){

$("#divObj")eToggle(2000);//窗簾效果的切換,點一下收,點一下開,引數可以無,引數說明同上

}

function show(){

$("#divObj")();//顯示,引數說明同上

}

function toggle(){

$("#divObj")le(2000);//顯示隱藏切換,引數可以無,引數說明同上

}

function slide(){

$("#divObj")eDown();//窗簾效果展開

}

div裡內容的顯示隱藏特效

1.測試例子

2.測試例子

3.測試例子

4.測試例子

5.測試例子

6.測試例子

7.測試例子

8.測試例子

9.測試例子

0.測試例子