当前位置: 代码迷 >> Web前端 >> ZK框架 鼠标移动事件 & 移动在文本下显示信息
  详细解决方案

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

热度:211   发布时间:2012-10-25 10:58:57.0
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>
  相关解决方案