本文介绍了如何在DataGrid中利用JavaScript事件处理函数onmouseover、onmousemove和onmouseout，实现在鼠标悬停时显示包含国家、城市等详细信息的透明<div>，并当鼠标移出时将其隐藏。详细讲解了CSS样式、JavaScript函数以及后台填充DataGrid的数据处理过程。
实现原理：
为DataGrid中的每一行，绑定onmouseover、onmousemove、onmouseout事件，使的鼠标移动到行内时，自动显示一个<div>，鼠标移出该行，就把这个<div>隐藏掉。
实现代码：
前台：
前台：
1． 定义<div>的样式：
<style type="text/css">
.transparent { FILTER: alpha(opacity=85);
BORDER-TOP: indianred 1px solid;
BORDER-RIGHT: indianred 1px solid;
BORDER-LEFT: indianred 1px solid;
BORDER-BOTTOM: indianred 1px solid;
POSITION: absolute;
BACKGROUND-COLOR: infobackground;
DISPLAY: none }
</style>
2． 显示和隐藏窗体的脚本：
<script language="javascript">
//显示弹出窗体
function Show(Country, City, Address, PostalC
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
