CSS鼠标悬停tip效果
作者:番茄红了 时间:2007-08-26 17:32:00
忽然想起一个CSS的特性,写一段代码玩玩:
<style type="text/css">
body {font:normal 12px Verdana}
a#tip {position:relative;left:75px; font-weight:bold;}
a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}
a#tip span {display:none;text-decoration:none;}
a#tip:visited {color:#000;text-decoration:underline;}
a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:10px 20px;position:absolute;top:0px;left:90px;color:#009933}
</style>
CSS鼠标悬停tip效果图:
演示:
呵呵,是不是很方便,利用这个原理相信大家可以作出一些漂亮的菜单效果来了~
所有的浏览器都兼容的哦~
标签:鼠标悬停,CSS
0
投稿
猜你喜欢
使用ASP订制自己的XML文件读写方法
2008-10-24 09:35:00
js和asp操作fso比较
2007-09-23 09:17:00
web2.0中流行的设计元素:颜色
2007-12-10 12:16:00
mysql rand(x)生产重复随机序列
2010-12-03 16:01:00
asp如何在数据库中用好Transaction?
2010-06-22 21:07:00
Oracle8i和Microsoft SQL Server比较
2010-07-26 13:05:00
边框样式的写法总结
2009-01-18 13:00:00
js仿googl拖拽效果
2007-09-29 13:16:00
应用技术:如何通过SQLyog分析MySQL数据库
2009-03-25 16:53:00
AJAX中文乱码解决
2009-07-03 13:43:00
在Oracle网络结构解决连接问题
2010-07-28 12:49:00
js+asp总结
2009-11-16 17:49:00
ASP访问带多个参数的存储过程
2008-10-14 16:45:00
如何得到数据库中所有表名 表字段及字段中文描述
2012-01-05 18:56:44
10个超实用jQuery插件资源
2009-07-17 18:54:00
浅谈MySQL存储引擎选择 InnoDB还是MyISAM
2009-05-10 20:02:00
Windows下对MySQL安装的故障诊断与排除
2008-12-17 16:50:00
asp中的on error resume next用法
2008-03-09 15:22:00
asp精妙的SQL语句例子
2008-03-04 17:42:00
妙用Dreamweaver MX共享WPS Office文件
2010-09-05 21:18:00