滑动特效html,jQuery UI

jQuery UI API - 滑动特效(Slide Effect)

所属类别

用法

描述：把元素滑动出视区。

slide

参数

类型

描述

默认值

direction

String

特效的方向。可能的值："left"、"right"、"up"、"down"。

"both"

distance

Number

特效的距离。默认为元素的高度(height)还是宽度(width)取决于 direction 参数。可以设置为小于元素的宽度(width)/高度(height)的任意整数。

元素的 outerWidth

实例

使用滑动特效(Slide Effect)切换一个 div。

滑动特效(Slide Effect)演示

#toggle {

width: 100px;

height: 100px;

background: #ccc;

}

点击任意地方进行切换。

$( document ).click(function() {

$( "#toggle" ).toggle( "slide" );

});