Ajax获取层的方法

var x,y;
 //这是一个通过AJAX取得提示信息的方法
  function over(noteContent){
   //记录事件发生时的鼠标位置
   x = event.clientX;
   y = event.clientY; 
   //显示工具提示
   document.getElementById("tip").style.display = "block";
   //显示工具提示的起始坐标
   document.getElementById("tip").style.top = y;
   document.getElementById("tip").left = x+10;
   document.getElementById("tip").innerHTML="<table width=/"160/" border=/"0/" cellpadding=/"0/"" +
   "cellspacing=/"0/" class=/"STYLE1/"><tr> <td>内容:"+noteContent+"</td> </tr></table>";   
  }
  
   function out(){
   document.getElementById("tip").style.display = "none";
  }


获取多个参数

<script type="text/javascript">
var x,y;
 //这是一个通过AJAX取得提示信息的方法
  function over(btime,etime,departName,PuserName){
   //记录事件发生时的鼠标位置
   x = event.clientX;
   y = event.clientY; 
   //显示工具提示
   document.getElementById("tip").style.display = "block";
   //显示工具提示的起始坐标
   document.getElementById("tip").style.top = y;
   document.getElementById("tip").left = x+10;
   document.getElementById("tip").innerHTML="<table width=/"160/" border=/"0/" cellpadding=/"0/"" +
   "cellspacing=/"0/" class=/"STYLE1/"><tr> <td>开始时间:"+btime+"</td> </tr><tr> <td>结束时间:"+etime+
   "</td></tr><tr> <td>部门:"+departName+"</td></tr><tr> <td>预约人:"+PuserName+"</td></tr></table>";   
  }
  
   function out(){
   document.getElementById("tip").style.display = "none";
  }
</script>


 <a href="#" onMouseOver="over('${schedule.beginTime}','${schedule.endTime}','${schedule.departName}','${schedule.puserName}')"
             οnmοuseοut="out()"> ${schedule.title} </a>

<div id="tip" style="position:absolute;display:none;border:1px;border-style:solid;background:#FFFFCC"></div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值