css模拟title和alt的提示效果

运行代码框

<style>
.info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}
.info:hover {background:#eee;color:#333;}
.info span {display: none }
.info:hover span {display:block;position:absolute;top:30px;left:60px;width:130px;border:1px solid #ff0000; background:#fff; color:#000;padding:5px;text-align:left;}
</style>
<body>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
</body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

posted @ 2006-10-24 12:46 QDuck 阅读(375) 评论(0) 收藏举报

刷新页面返回顶部

指引

世界很大,每个人总有相同的地方!你喜欢的电影我也喜欢，我喜欢的作品你也喜欢! 就是这样，其实生活并不孤单。

css模拟title和alt的提示效果

公告