日期:2014-05-20  浏览次数:20801 次

请教:鼠标放到一个数据上时 弹出一个与之相关的一些数据 框,怎么做,原理?
就是比如说 有一个订票系统 飞机票的信息  
  页面上显示出飞机票的型号是“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";