Question

HTML鼠标移过显示更多详尽的信息

类似这样的..

Answer 1

试试用这种方式：在一张图上划出几个区域，响应鼠标事件，从服务器端取出result显示出来，各区域的区分用id号

<img src="01.jpg" border="0" usemap="#planetmap" />
<map name="planetmap" id="planetmap">
  <area shape="circle" id="hot001" class="hot" coords="100,100,50" href ="venus.html" alt="Venus" />
  <area shape="circle" id="hot002"  class="hot" coords="200,200,50" href ="venus1.html" alt="Venus" />
</map>
<script language="javascript" type="text/javascript"  >
    $(document).ready(function () {
        $(".hot").mouseover(function () {
            $.get("服务器地址", { "data": $(this).id }, function (result) {
                $(this).attr("alt", result);
             })
        })
        $(".hot").mouseout(function () {
            $(this).attr("alt", "");
        })
    })

追问

我做的这个是静态的..有没有不要服务器的办法