<a href="www.xxx.com">标题</a>
<a href="www.xxx.com">标题2</a>
另外,超连接有好几个,标题下的内容是不一样的,我这个超连接是循环输出的,因此我想是不是可以根据标题的名字来设置下面的内容呢.

解决方案 »

  1.   

    <a href="www.xxx.com" title="xxxxxxx ">标题</a>用层也可以,
    <body>
    <script>
    function sh(o,s)
    {
    document.getElementById("d" + o.getAttribute("r")).style.top = event.y + "px"
    document.getElementById("d" + o.getAttribute("r")).style.left = event.x + "px"
    document.getElementById("d" + o.getAttribute("r")).style.visibility = s
    }
    </script>
    <a href="www.xxx.com" r="1" onmouseover="sh(this,'visible')" onmouseout="sh(this,'hidden')">标题</a>
    <a href="www.xxx.com" r="2" onmouseover="sh(this,'visible')" onmouseout="sh(this,'hidden')">标题</a>
    <a href="www.xxx.com" r="3" onmouseover="sh(this,'visible')" onmouseout="sh(this,'hidden')">标题</a>
    <div id="d1" style="position:absolute;left:0;top:0;visibility:hidden;border:solid 1px red;width:200px">内容</div>
    <div id="d2" style="position:absolute;left:0;top:0;visibility:hidden;border:solid 1px red;width:200px">内容</div>
    <div id="d3" style="position:absolute;left:0;top:0;visibility:hidden;border:solid 1px red;width:200px">内容</div>
    </body>
      

  2.   

    当然,也可以根据需要只写一个div<body>
    <script>
    function sh(o,s)
    {
    document.getElementById("d").innerHTML =  o.getAttribute("r")
    document.getElementById("d").style.top = event.y + "px"
    document.getElementById("d").style.left = event.x + "px"
    document.getElementById("d").style.visibility = s
    }
    </script>
    <a href="www.xxx.com" r="内容11111111111" onmouseover="sh(this,'visible')" onmouseout="sh(this,'hidden')">标题</a>
    <a href="www.xxx.com" r="内容1反反复复方法111" onmouseover="sh(this,'visible')" onmouseout="sh(this,'hidden')">标题</a>
    <a href="www.xxx.com" r="内容1111333333333333331111" onmouseover="sh(this,'visible')" onmouseout="sh(this,'hidden')">标题</a>
    <div id="d" style="position:absolute;left:0;top:0;visibility:hidden;border:solid 1px red;width:200px">内容</div>
    </body>
      

  3.   

    相对定位更简单
    <body>
    <script>
    function sh(o,s)
    {
    document.getElementById("d" + o.getAttribute("r")).style.display = s
    }
    </script>
    <a href="www.xxx.com" r="1" onmouseover="sh(this,'')" onmouseout="sh(this,'none')">标题</a>
    <a href="www.xxx.com" r="2" onmouseover="sh(this,'')" onmouseout="sh(this,'none')">标题</a>
    <a href="www.xxx.com" r="3" onmouseover="sh(this,'')" onmouseout="sh(this,'none')">标题</a>
    <div id="d1" style="position:relative;left:0;top:0;display:none;border:solid 1px red;width:200px">内容2</div>
    <div id="d2" style="position:relative;left:0;top:0;display:none;border:solid 1px red;width:200px">内容3</div>
    <div id="d3" style="position:relative;left:0;top:0;display:none;border:solid 1px red;width:200px">内容4</div>
    </body>
      

  4.   

    高手不愧是高手,第一次在CSDN上见到俩钻石的~
    真让小弟受宠若惊,像您学习~