例如一个超链接:在点击之前鼠标移动到连接上显示相应信息;
方法一 如下:
鼠标移动在连接上在另一个容器(例如window,lable,div等)里显示相应的信息;
<zk>
<toolbarbutton id="test1" label="测试连接" href="http://angelialily.iteye.com" action="onmouseover:action.show(#{lb2}),action.hide(#{lb1});"/>
<div>
<label id="lb1" value="默认显示信息1"/>
<label id="lb2" value="默认显示信息2" visible="false"/>
</div>
<!--
action="onmouseover:action.show(#{lb2}),action.hide(#{lb1});
这个是显示lb2把默认显示的lb1信息隐藏
如果只需要显示不需要隐藏则:onmouseover:action.show(#{lb2})即可
-->
</zk>
方法二 如下:
鼠标移动在连接上弹出窗口显示相应的信息;
<zk>
<toolbarbutton id="test1" label="测试连接" tooltip="title" href="http://angelialily.iteye.com"/>
<!--
调用popup里的信息时只需要在toolbarbutton属性添加:tooltip="title" 即可实现鼠标移动 ;如果要鼠标点击显示信息则添加popup="title"即可
-->
<popup id="title" width="240px">
<!--鼠标移动到连接上要显示的内容随意填写
此期间可以增加html信息也可添加其他组件来显示信息等!-->
<table id="lb1" value="显示信息内容!"/>
</popup>
</zk>