jquery ui放大缩小_jQuery UI API – 缩放特效（Scale Effect） - jQuery UI 教程 - 自强学堂...

jQuery UI API – 缩放特效(Scale Effect)

所属类别

用法

描述：按照某个百分比缩放元素。

scale

参数类型描述默认值

directionString特效的方向。可能的值："both"、"vertical" 或 "horizontal"。"both"

originArray消失点。[ "middle", "center" ]

percentNumber要缩放到的百分比。

scaleString元素的哪个区域将被调整尺寸："both"、"box"、"content"。当值为 "box" 时，调整元素的边框(border)和内边距(padding)的尺寸。当值为 "content" 时，调整元素内的所有内容的尺寸。"both"

实例实例 1：

使用缩放特效(Scale Effect)切换一个 div。

缩放特效(Scale Effect)演示

#toggle {

width: 100px;

height: 100px;

background: #ccc;

}

点击任意地方进行切换。

$( document ).click(function() {

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

});

实例 2：

只在一个方向上使用缩放特效(Scale Effect)切换一个 div。

>缩放特效(Scale Effect)演示

#toggle {

width: 100px;

height: 100px;

background: #ccc;

}

点击任意地方进行切换。

$( document ).click(function() {

$( "#toggle" ).toggle({ effect: "scale", direction: "horizontal" });

});