jQuery效果 滑動

jquery 效果 - 滑動

jquery 滑動方法可使元素上下滑動。

jquery 滑動方法

通過 jquery，您可以在元素上建立滑動效果。

jquery 擁有以下滑動方法：

slidedown()

slideup()

slidetoggle()

jquery slidedown() 方法用於向下滑動元素。

語法:$(selector).slidedown(speed,callback);

可選的 speed 引數規定效果的時長。它可以取以下值：」slow」、」fast」 或毫秒。

可選的 callback 引數是滑動完成後所執行的函式名稱。

下面的例子演示了 slidedown() 方法：

charset="utf-8">
src="">
script>
$(document).ready(function
());
});script>
type="text/css">
#panel,#flip
#panel
style>
head>
id="flip">點我滑下面板div>
id="panel">hello world!div>
body>
html>

語法:$(selector).slideup(speed,callback);

可選的 speed 引數規定效果的時長。它可以取以下值：」slow」、」fast」 或毫秒。

可選的 callback 引數是滑動完成後所執行的函式名稱。

下面的例子演示了 slideup() 方法：

charset="utf-8">
src="">
script>
$(document).ready(function
());
});script>
type="text/css">
#panel,#flip
#panel
style>
head>
id="flip">點我拉起面板div>
id="panel">hello world!div>
body>
html>

如果元素向下滑動，則 slidetoggle() 可向上滑動它們。

如果元素向上滑動，則 slidetoggle() 可向下滑動它們。

$(selector).slidetoggle(speed,callback);

可選的 callback 引數是滑動完成後所執行的函式名稱。

下面的例子演示了 slidetoggle() 方法：

charset="utf-8">
src="">
script>
$(document).ready(function
());
});script>
type="text/css">
#panel,#flip
#panel
style>
head>
id="flip">點我，顯示或隱藏面板。div>
id="panel">hello world!div>
body>
html>

jQuery 效果 滑動

jquery 滑動方法可使元素上下滑動。jquery slidedown 演示 jquery slidedown 方法。jquery slideup 演示 jquery slideup 方法。jquery slidetoggle 演示 jquery slidetoggle 方法。通過 jquery，...

jQuery 效果 滑動

jquery 滑動方法可使元素上下滑動。jquery slidedown 演示 jquery slidedown 方法。jquery slideup 演示 jquery slideup 方法。jquery slidetoggle 演示 jquery slidetoggle 方法。通過 jquery，...

jQuery 效果 滑動

jquery 滑動方法可使元素上下滑動。點選這裡，隱藏 顯示面板 jquery slidedown 演示 jquery slidedown 方法。jquery slideup 演示 jquery slideup 方法。jquery slidetoggle 演示 jquery slidetoggle ...