asp代码怎么实现鼠标悬停在头像上时出现个人资料,鼠标离开就消失,就象百度贴吧里那种
展开全部
可以CSS来完成,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title> dhooo.com </title><style>
p{border-bottom:1px solid #aaa;padding:5px;background:#eee; }
ul{width:300px;list-style-type:none}
a{position:relative;font-size:12px;text-decoration:none;display:block;zoom:1;margin:1px;padding-top:5px; text-indent:5px }
a span{display:none}
a:hover{cursor:pointer;background:#88130D;color:#fff; }
a:hover span{ display:block;padding:10px;background:#D4D0C8;border:1px solid #808080;color:#333; }
</style>
</head>
<body>
<p style="font-size:14px">一个CSS显示摘要的实例</p>
<ul>
<li><a href="" title="">谷歌<span>Google Inc.创建于1998年9月。Google 搜索引擎是一个用来在互联网上搜索信息的简单快捷的工具,使用户能够访问一个包含超过80亿个网址的索引。Google 坚持不懈地对其搜索功能进行革新,始终保持着自己在搜索领域的领先地位。</span></a></li>
<li><a href="" title="">百度<span>主要提供网页、音乐、图片、新闻搜索,同时有贴吧和WAP搜索功能。</span></a></li>
<li><a href="" title="">微软<span>微软(Microsoft,NASDAQ:MSFT, HKEx: 4338)公司是世界PC(Personal Computer,个人计算机)机软件开发的先导,比尔·盖茨与保罗·艾伦是它的创始人。</span></a></li>
<li><a href="" title="">无忧<span>无忧合租服务器讨论版无忧脚本合租服务器的相关事务和意见反馈请全体用户注意:网站备案具体流程及常见问题,现在严查,没备案的全部关站。</span></a></li>
<li><a href="" title="" class="last">果果<span>您的朋友</span></a></li>
</ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title> dhooo.com </title><style>
p{border-bottom:1px solid #aaa;padding:5px;background:#eee; }
ul{width:300px;list-style-type:none}
a{position:relative;font-size:12px;text-decoration:none;display:block;zoom:1;margin:1px;padding-top:5px; text-indent:5px }
a span{display:none}
a:hover{cursor:pointer;background:#88130D;color:#fff; }
a:hover span{ display:block;padding:10px;background:#D4D0C8;border:1px solid #808080;color:#333; }
</style>
</head>
<body>
<p style="font-size:14px">一个CSS显示摘要的实例</p>
<ul>
<li><a href="" title="">谷歌<span>Google Inc.创建于1998年9月。Google 搜索引擎是一个用来在互联网上搜索信息的简单快捷的工具,使用户能够访问一个包含超过80亿个网址的索引。Google 坚持不懈地对其搜索功能进行革新,始终保持着自己在搜索领域的领先地位。</span></a></li>
<li><a href="" title="">百度<span>主要提供网页、音乐、图片、新闻搜索,同时有贴吧和WAP搜索功能。</span></a></li>
<li><a href="" title="">微软<span>微软(Microsoft,NASDAQ:MSFT, HKEx: 4338)公司是世界PC(Personal Computer,个人计算机)机软件开发的先导,比尔·盖茨与保罗·艾伦是它的创始人。</span></a></li>
<li><a href="" title="">无忧<span>无忧合租服务器讨论版无忧脚本合租服务器的相关事务和意见反馈请全体用户注意:网站备案具体流程及常见问题,现在严查,没备案的全部关站。</span></a></li>
<li><a href="" title="" class="last">果果<span>您的朋友</span></a></li>
</ul>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询