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>