纯CSS搞的alt跟title效果

<style>

.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}

.test:hover{background:none;}

.test span {display: none;}

.test:hover span{display:block;position:absolute;top:20px;left:8px;border-bottom:2px solid #eee;border-right:2px solid #eee;}

.test:hover span p{border:1px solid #ccc;background:#fff;color:#000;padding:5px;text-align:left;font-size:12px;}

</style>

<a class="test" href="#">链接一<span><p>动态网站制作指南_www.knowsky.com</p></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a class="test" href="#">链接二<span><p>动态网站制作指南_www.knowsky.com</p></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a class="test" href="#">链接三<span><p>动态网站制作指南_www.knowsky.com</p></span></a>

保存为htm浏览。

• ·SQL中查询数据表字段名称的查询语句
• ·网站登录记忆跳转实现的一种方法
• ·SQL Server 索引结构及其使用（一）
• ·PHP学习时间完整表
• ·XML 自定义串行化
• ·暴风影音“智能渲染策略”
• ·超级解霸V10 边下边看不是梦
• ·Photoshop快速打造莹蓝冰窟特效
• ·Photoshop手绘人物：印度少女
• ·Windows Vista操作系统复选框功能试