实现原理:
为DataGrid中的每一行,绑定onmouseover、onmousemove、onmouseout事件,使的鼠标移动到行内时,自动显示一个<div>,鼠标移出该行,就把这个<div>隐藏掉。
实现代码:
前台:
1. 定义<div>的样式:
<style type="text/css">
2. 显示和隐藏窗体的脚本:
<script language="JavaScript">
//显示弹出窗体
function Show(Country, City, Address, PostalCode, Phone, Fax)
3. ToolTip窗体的代码
<div id="Popup" class="transparent" style=" Z-INDEX: 200">
<table border="0" cellpadding="0" style="FONT-SIZE: x-small">
<tr>
<td align="middle" bgcolor="indianred"><font color="white">联系方式</font></td>
</tr>
<tr><td id="td1"></td></tr>
<tr><td id="td2"></td></tr>
<tr><td id="td3"></td></tr>
<tr><td id="td4"></td></tr>
<tr><td id="td5"></td></tr>
<tr><td id="td6"></td></tr>
</table>
</div>