<RunJSCode>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Author" content="Aultoale" />
<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>
</head>
<body>
<a id="tip" href="#">
移到这里试试!
<span id="tip_info">这里是提示信息!</span>
</a>
</body>
</html>
</runjscode>
一段完全CSS写的鼠标悬停tip效果!
作者: 馒头 日期: 2007-02-21 20:15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Author" content="Aultoale" />
<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>
</head>
<body>
<a id="tip" href="#">
移到这里试试!
<span id="tip_info">这里是提示信息!</span>
</a>
</body>
</html>
</runjscode>
订阅
上一篇
返回
下一篇
标签:
评论: 1 |
引用: 0 |
阅读: 1246
Web 应用程序套件Mozilla SeaMonkey 1.1.8下载 (2008-02-08 18:55)
开源 PHP 框架: CodeIgniter 1.6.0 发布 (2008-01-31 19:12)
用js代码实现复制文章时自动添加标题和地址 (2008-01-21 20:16)
超轻量级blog程序 - Chyrp (2008-01-05 09:33)
最新杰奇v1.4(程序+注册机+电子书+漂亮模板) (2008-01-02 01:31)
三次击键即可令Windows蓝屏 (2007-12-28 02:57)
该死的wordpress还是很慢！ (2007-12-14 00:59)
诺顿战士-赛门铁克在日本的超搞笑广告 (2007-12-09 08:17)
亚阳影视系统2007特别版 (2007-12-08 23:59)
快速创建远程桌面 (2007-11-29 11:20)
WordPress v2.3 Beta 2 (2007-09-05 01:00)
CSS处理斜角导航条的代码 (2007-09-03 19:36)
开源iXNA 0.4 Bate 2 聚合程序发布 (2007-09-03 19:33)
让输入焦点自动出现在第一个表单第一个输入框的通用代码 (2007-08-31 09:09)
Discuz6.0 injection 0day (2007-08-22 00:19)