anima.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 48 行

<?xml version="1.0" encoding="UTF-8"?>

<!--
anima.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Thu Mar 15 11:48:06     2007, Created by tomyeh
}}IS_NOTE

Copyright (C) 2007 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="Animation Effects">
	<style>
.ctl {
	border: 1px outset #777; background:#ddeecc;
	margin: 2px; margin-right: 10px; padding-left: 2px; padding-right: 2px; 
}
	</style>

	<label value="Slide" sclass="ctl"
action="onmouseover: anima.slideDown(#{t}); onmouseout: anima.slideUp(#{t})"/>
	<label value="Fade" sclass="ctl"
action="onmouseover: anima.appear(#{t}); onmouseout: anima.fade(#{t})"/>
	<label value="Puff" sclass="ctl"
action="onmouseover: anima.appear(#{t}); onmouseout: anima.puff(#{t})"/>
	<label value="Drop Out" sclass="ctl"
action="onmouseover: anima.appear(#{t}); onmouseout: anima.dropOut(#{t})"/>

	<div id="t" visible="false">
		<div>
		<groupbox>
			<caption label="Dynamic Content"/>
			Content to show and hide dynamically.
			<datebox/>
		</groupbox>
		Description <textbox/>
		</div>
	</div>
</window>