输入你的邮件地址, 你将不会错过任何关于: [ CSS教程
]的信息 |
|
完全CSS写的鼠标悬停tip效果
文章类别:CSS教程
| 发表日期:2006-11-19 | 
|
<!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=GB2312" /> <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> |
|
上一篇:XHTML+CSS兼容性解决方案小集
人气:9125
下一篇:CSS的常用技巧放送
人气:17076 |
| 点击此处浏览全部CSS的内容
Dreamweaver插件下载
常用网页广告代码全集 |
|
|
|