完全CSS写的鼠标悬停tip效果

  •   2009-07-31/13:33
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
    <html xmlns="">
    <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>

    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多