谁能给提供像这样的范例源码,实现方法也可以,重谢!

Question

像讯雷看看(http://kankan.xunlei.com/)里面的鼠标停靠效果,
当鼠标停在 相关电影图片上时,会出现一个关于电影 相应 介绍的类似层的浮动的东西,就像一般链接里的 Title 属性一样的那种效果,
是用层(CSS DIV)实现的吗?
ASP.Net(C#)如何达到那种效果,能提供些这样的范例\源码\实现方法均可,谢谢!(后面必定加分重谢)

Answer 1

鼠标悬停tip效果，是一个非常有用的功能，在页面布局受到局限的时候，我们不能往页面中添加过多的内容。而鼠标悬停tip效果，可以在鼠标移上去的时候有一个提示信息，我们可以将相关的信息放置在这个tip中，不影响页面美观而又能很好的传达信息。　　应用div css布局，我们用CSS可以实现这样的效果吗？其实这很简单，我们可以新建一个span或div，将之初始设置成：display:none，隐藏这一标签的内容。 wWw.MB5U_COM 当鼠标移上去的时候，我们将此内容显示出来。然后对其进行定位。就达到了鼠标悬停tip效果。　　鼠标悬停tip效果实例 CSS代码MB5U____COM
 Example Source Code [www.mb5u.com]
a#tip {position:relative;left:30px;top:30px;}
a#tip:link {text-decoration:none;color:#c00;display:block}
a#tip:hover {text-decoration:none;color:#000;display:block}
a#tip span {display:none;}
a#tip:hover #tip_info {
display:block;
border:1px dashed #c00;
background:#fff;
padding:1px;
position:absolute;
top:0px;
left:120px;
}
　　鼠标悬停tip效果实例 XHTML代码 Example Source Code [www.mb5u.com]
<a id="tip" href="http://www.mb5u.com">【www.mb5u.com】 www.MB5U_COM 
<span id="tip_info">
<img src="/uploads/divcss/logo3.gif" 
alt="www.mb5u.com" width="200" height="90" />
</span>
</a>转自
http://www.mb5u.com/divcssjiaocheng/14326.html

Answer 2

<div id="divText" style="position:absolute;left:100px;top:100px;display:none;">Text Here</div><img src="xxx.jpg" onMouseOver="document.all.divText.style.display='block';" onMouseOut="document.all.divText.style.display='none';" />