ASP.NET Wijmo 控件管理器

此示例展示了如何使用不同的动画效果。Animated 属性可以被用来改变动画效果。

以下扩展动画演示：

• 第一个扩展动画展示了默认的扩展/收缩的动画效果。
• 第二个动画展示了用"easeOutExpo"缓和度和900毫秒的持续时间来定制动画。
• 第三个动画展示了使用jQuery效果来定制动画。 "puff"作为打开时的效果，"explode" 作为关闭时的效果
• 第四个动画效果被禁止了The Animated.Disabled属性设置为True。

以下为定制1和定制2动画的代码实现:

	<script id="script1" type="text/javascript">
		$(document).ready(function () {
			jQuery.wijmo.wijexpander.animations.custom1 = function (options) {
				this.slide(options, {
					easing: "easeOutExpo",
					duration: 900
				});
			}
			jQuery.wijmo.wijexpander.animations.custom2 = function (options) {
				if (options.expand)
					options.content.show("puff", options, 300);
				else
					options.content.hide("explode", options, 300);
			}
		});
	</script>

动画功能可能用到下列选项（选项参数）：

• expand - 如果为True, 展开内容元素。
• horizontal - 如果为True, 则向水平方向扩展 (当expandDirection为left或者right时)。
• content - jQuery对象所包含的内容元素被展开或折叠。