|
完全CSS写的鼠标悬停tip效果
| 作者: |
佚名 |
|
| 教程来源: |
不详 |
| 教程等级: |
★★★ |
| 教程录入: |
烤焦面包 |
| 教程审核: |
tucoo |
| 添加时间: |
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>
|