z35-hover.zul

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

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

<!--
Z35-hover.zul

{{IS_NOTE
	Purpose:
		
	Description:
		
	History:
		Wed Sep  3 16:07:46     2008, Created by tomyeh
}}IS_NOTE

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

{{IS_RIGHT
}}IS_RIGHT
-->
<window title="Button Hover Test" border="normal">
	<vbox>
<button id="b" label="Left" image="/img/m1.gif" hoverImage="/img/m2.gif" width="125px"/>
<button label="Right" image="/img/m2.gif" hoverImage="/img/m3.gif" dir="reverse" width="125px"/>
<button label="Above" image="/img/folder.gif" orient="vertical" width="125px"/>
<button label="Below" image="/img/folder.gif" orient="vertical" dir="reverse" width="125px"/>
<image src="/img/m1.gif" hover="/img/m2.gif"/>
	</vbox>
	<separator/>
	<zscript>
	import org.zkoss.image.*;
	</zscript>
	<button label="change 1st button's face"
		onClick='b.setImageContent(new AImage("t", desktop.webApp.getResourceAsStream("/img/folder.gif")))'/>
	<button label="change 1st button's hover"
		onClick='b.setHoverImageContent(new AImage("t", desktop.webApp.getResourceAsStream("/img/m3.gif")))'/>
	<button label="reset 1st button" 
		onClick='b.setImage("/img/m1.gif"); b.setHoverImage("/img/m2.gif");'/>
</window>