<div style="display:none;position:absolute;border-style:solid;border-color:blue;border-width:1;background-color:White" id="divDetails">
<p>姓名:<span id="spanUserName"></span></p>
<p>年龄:<span id="spanAge"></span></p>
</div> <script type="text/javascript">
$("img").mouseover(function (e) {
$("#spanUserName").text($(this).attr("a1"));
$("#spanAge").text($(this).attr("a2"));
$("#divDetails").css("top", e.pageY).css("left", e.pageX).show("slow");
});
$("img").mouseout(function (e) {
$("#divDetails").hide();
});
</script>
<asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjectDataSource1">
<HeaderTemplate><table><tr></HeaderTemplate>
<ItemTemplate><td><img a1='<%#Eval("UserName") %>' a2='<%#Eval("Age") %>' width="150px" height="100px" src='images/<%#Eval("PicPath") %>' alt='<%#Eval("PicPath") %>' /></td></ItemTemplate>
<FooterTemplate></tr></table></FooterTemplate>
</asp:Repeater>
这些代码是实现了鼠标经过图片的时候,显示层并层里面显示一些相关信息,鼠标离开图片后,层会隐藏掉。
问题是,我想实现鼠标经过层(即离开图片)的时候,层不会隐藏,而是还能显示(让用户有时能复制粘贴层里面的信息)。不知道怎样实现呢.
分不多,也希望大家帮帮忙
解决方案 »
- asp.net数据规范化显示
- Json 格式数据,请问怎样合并
- 请教,如何用正则表达式分割如下字符串?
- oracle参数化查询的like
- FileUpload点浏览时是浏览客户端的文件还是浏览服务器端的文件?
- 如何让CodeSmith连接到MyASql...
- !!!我很菜 超简单问题!!! 进来告诉我就给你
- 我练习用c#写的asp.net的小程序在和数据库连接时报错,请大家给看看好吗?
- 请问:想用asp.net做一个文件管理的,包括上传下载、用户控制。哪里有参考的例子?
- 有谁在用www.brinkster.com的免费空间?
- 传递参数 查询数据库时,为何传不过去参数???
- asp.net怎样通后台管理的首页顶部菜单栏的增加删除功能
move移入并移动
<head>
<title>无标题页</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#show").mouseover(function(e){
e=e||window.event;
$("#spanUserName").text("aaaa");
$("#spanAge").text("bbbb");
$("#divDetails").css({"display":"block","top":e.clientY,"left":e.clientX});
})
$(document).mousemove(function(e){
e=e||window.event;
var target = e.target||e.srcElement;
while(target.parentNode&&target.tagName!="DIV"&&target.id!="divDetails")
target=target.parentNode;
if(target.id!="show"&&target.id!="divDetails")
$("#divDetails").css("display","none");
})
})
</script>
</head>
<body>
<div style="display:none;position:absolute;border-style:solid; border-color:blue;border-width:1;z-index:3; background:white;width:100px;height:100px;" id="divDetails">
<p style="background:white">姓名:<span id="spanUserName"></span></p>
<p style="background:white">年龄:<span id="spanAge"></span></p>
</div>
<div id="show" style="width:300px;height:300px;background:red">
</div>
</body>
</html>