我想做的效果是:
类似CSDN论坛左侧鼠标移到每个用户头像上都会显示层,然后层中的内容能够通过AJAX (LOADING....载入数据)本人对DIV+CSS+JS了解不多,是个菜鸟,可能对大家很简单,可我实在不会做,希望好心的高手能帮忙,如果有相关的代码最好,已经在网上搜索了好几天都没找到满意的,网上的代码一般不是层定位不准确就是只固定显示一个层,在此谢谢各位高手,等待高手出现,非常感谢!!!!

解决方案 »

  1.   

    既然你要CSDN的。
    给你http://topic.csdn.net/u/t5/t5.js不知道楼主要的效果有什么区别吗?
      

  2.   

    cj205   我要的效果就是鼠标移到你的头像上出来详细的内容  http://topic.csdn.net/u/t5/t5.js里代码好长,不知道那些有用,哪些没用。还有就是我是要移到每个用户的头像上都能出来层的,这个循环怎么做
      

  3.   

    这个是绑定的~~CSDN也是这样做的,每个头像都写了onmouseover==>>>这里面代码确实很长,但是很抱歉我这2天时间不是很多,可能不能给你一一详解~~
    如果你有时间的话可以看看,有什么不懂的可以问,我会摘着我会的告诉你的。无论任何时候。
      

  4.   

    我找了段代码,如果是单个的话,显示隐藏层是正确的,但是把它放在循环语句里就显示不出来了,要把<a href="javascript:void(0)" onmouseover="over(this,td0)" onmouseout="timer=setTimeout('out(td0)',0)">健康教育的重要性(详解)</a>这个放到循环语句里,让他逐个显示正常应该怎么改呢?--------------以下是完整代码----------------------------------------------------
    <!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=gb2312" />
    <title>无标题文档</title>
    </HEAD>
    <script>
    function over(obj,div,bol){
    var rec=getoffset(obj);
      div.style.top=rec[0]+obj.offsetHeight;
      if(bol==true)
      rec[1] -= 50;
      div.style.left=rec[1];   
      div.style.display="block";   
    }
        
    function out(div) {
    div.style.display="none";
    }function getoffset(e) {   
    var t=e.offsetTop;   
      var l=e.offsetLeft;   
      while(e=e.offsetParent) {   
      t+=e.offsetTop;   
      l+=e.offsetLeft;   
      }   
    var rec = new Array(1);  
      rec[0] = t;  
      rec[1] = l;  
      return rec  
    }   </script>

    <BODY>
    <table>
    <tr>
      <td height="29" align="left" class="STYLE1"><span class="STYLE5"><a href="javascript:void(0)" onmouseover="over(this,td0)" onmouseout="timer=setTimeout('out(td0)',0)">健康教育的重要性(详解)</a></span></td>
    </tr>
    </table>
    </BODY>
    </HTML>
      

  5.   

    漏了一段,接上面的:<div id="td0" align=left class="STYLE4" onmouseover="clearTimeout(timer);this.style.display='block'" onmouseout="out(this)" style=" font-size: 14px;background-color:#dee4eb; display:none; width:330px; position:absolute; padding:10px;">   
    1、因为您对患者提供的合理教育可能有助于减少因处理不当而引起的被投诉的风险;<br/>
    2、教育能够加强糖尿病并发症的预防和早期发现;<br/>
    3、教育能够最大程度的提高患者的依从性,否则如果患者不能够遵守治疗的各个环节,您将很难评价您推荐的治疗方案是否有效。</div>
      

  6.   

    总之还是操作DOM的问题 显示隐藏层或者AJAX对应数据写入
      

  7.   

    你找的代码,和你的需求还差很多。
    要解决这个问题,最好自己去系统学学AJAX。有些东西,即使学进去不难,但在学之前,却难得不是一两句话你就懂的。对技术固然不该畏难,但也不能这样渺视吧。