- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <%@ page language="java" pageEncoding="utf-8"%>
- <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>
效果: