寻HTML TIP javascript 代码

HI，
我想实现如
http://finance.qq.com/a/20100420/003008.htm
中的“中国建筑国际”超链接的效果，当鼠标放在上面时，弹出一个HTML的提示框，鼠标还能在这个框内操作，鼠标移开，提示框消失，请问如何做？
谢谢！

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    #show{
    width:200px;
    height:200px;
    background:#CCC;
    border:1px solid red;
    display:none;
    }
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(document).ready(function(){
    $("#test").mouseover(function(){
         var href = $(this).children().attr("href");
     $("#show").html("<a href='"+href+"'>中国建筑国际</a>").show();
    }).mouseout(function(){
         $("#show").hide()
    });
    $("#show").mouseout(function(){
         $("#show").hide();
    }).mouseover(function(){
         $("#show").show();
    });
    });
    </script></head>
    <body>
    <div id="test">
        <a href="http://finance.qq.com/a/20100420/003008.htm">中国建筑国际</a>
    </div>
    <div id="show">
        
    </div>
    </body>
    </html>