ZK框架 鼠标移动事件 & 移动在文本上显示信息

例如一个超链接:在点击之前鼠标移动到连接上显示相应信息;
方法一 如下:
鼠标移动在连接上在另一个容器(例如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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值