请教:鼠标放到一个数据上时 弹出一个与之相关的一些数据 框,怎么做,原理?
就是比如说 有一个订票系统 飞机票的信息
页面上显示出飞机票的型号是“312”
当我把鼠标放到“312”上时 出现一个层 会显示这个型号的 机型名称、类型、剩余座位数等相关信息。
鼠标移开时层消失。
盼高手指教!
谢谢!
------解决方案--------------------例如是每个型号都是一个LABEL
比较简单的是你把相关信息都加载到title属性上 <label title='test'>放上来试试</label>
或者你自己写一个弹出DIV了,利用onmouseover onmouseout这个两个时间来控制显隐即可 位置就根据label的位置来自己设定了
------解决方案--------------------
这个数据你可以做成连接,然后在连接的鼠标移动上做个层.
------解决方案--------------------onmousemove onmouseout 显示DIV信息
<div id='menu1' style="width:70px; height:20px; background:#00FFFF; color:#000000; display:block; margin:10px 10px 0 0 " onmousemove="A()" onmouseout="A()">
</div>
var div=document.getElementById("menu1")
div.style.display=div.style.display=="none"?"block":"none";