<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
.info {position:absolute;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.info:hover {background:#eee;color:#333;}
.info span {display: none }/*设置正常下的span为隐藏状态*/
.info:hover span /*设置hover下的span属性为呈现状态,并设置提示层的位置*/
{display:block;position:absolute;top:30px;left:60px;width:130px;
border:1px solid #ff0000; background:#fff777; color:#000;padding:5px;text-align:left;}
</style>
<body>
<TABLE border=1>
<TR>
<TD><a class="info" HREF="http://hi.baidu.com/stream1990">Stream's blog<span>很酷的一个效果</span></a><br/></TD>
<TD></TD>
<TD><a class="info" HREF="http://hi.baidu.com/stream1990">Stream's blog<span>很酷的一个效果xcz</span></a><br/></TD>
</TR>
<TR>
<TD><a class="info" HREF="http://hi.baidu.com/stream1990">Stream's blog<span>很酷的一个效果zxc</span></a><br/></TD>
<TD><a class="info" HREF="http://hi.baidu.com/stream1990">Stream's blog<span>很酷的一个效果cxzc</span></a><br/></TD>
<TD></TD>
</TR>
</TABLE>
</body>
鼠标触发提示消息，弹出消息窗口，用jquery 实现的，相当的绚丽
3星 · 超过75%的资源 需积分: 10 167 浏览量
2010-11-12
08:24:31
上传
评论
收藏 28KB RAR 举报 
my_title_tips.rar （2个子文件） 
t1.html 1KB
jquery_title_tips.rar 27KB资源评论
lilklkunlun2013-03-25哈哈哈 确实不怎样- isrealallen2011-11-13说实话，真的不怎么样。楼主在样式上在完式一下就好了，显示很格格不入。
goldxinx2014-03-24这个效果还要5分，太假了
