最新的Web开发教程
 

jQuery效果 - 滑动


jQuery的滑动滑动方法元素上下。

点击向下滑动/向上面板

因为时间非常宝贵,我们提供快速,方便的学习。

在w3ii,你可以学习你需要学习的一切,在方便和得心应手的格式。


例子

jQuery slideDown()
演示了jQuery slideDown()方法。

jQuery slideUp()
演示jQuery的slideUp()方法。

jQuery slideToggle()
演示了jQuery slideToggle()方法。


jQuery的滑动方法

用jQuery可以创建在元素的滑动效果。

jQuery有下面滑动的方法:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery的slideDown()方法

jQuery的slideDown()方法用来滑下的元件。

句法:

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

可选的速度参数指定的效果的持续时间。 它可以采取以下值: "slow", "fast" ,或毫秒。

可选的回调参数是滑动完成之后将要执行的功能。

下面的例子演示slideDown()方法:

$("#flip").click(function(){
    $("#panel").slideDown();
});
试一试»

jQuery的slideUp()方法

jQuery的slideUp()方法用来向上滑动的元件。

句法:

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

可选的速度参数指定的效果的持续时间。 它可以采取以下值: "slow", "fast" ,或毫秒。

可选的回调参数是滑动完成之后将要执行的功能。

下面的例子演示了slideUp()方法:

$("#flip").click(function(){
    $("#panel").slideUp();
});
试一试»

jQuery的slideToggle()方法

jQuery的slideToggle()方法之间切换slideDown()slideUp()方法。

如果这些元素已经下滑, slideToggle()将其向上滑动。

如果这些元素已经下滑了, slideToggle()将其滑下。

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

可选的速度参数可以采取以下值: "slow", "fast" ,单位为毫秒。

可选的回调参数是滑动完成之后将要执行的功能。

下面的例子演示slideToggle()方法:

$("#flip").click(function(){
    $("#panel").slideToggle();
});
试一试»

自测练习用!

练习1» 练习2» 练习3» 练习4»


jQuery效果参考

对于所有的jQuery效果的完整概述,请访问我们的jQuery效果参考