一个关于DIV浮动的小功能

假如大分是：
大类一 | 大类二 | 大类三
我想鼠标放在每个 大类上面就显示它自已的小类，这个是从数据库里取的。要用那种从鼠标旁边弹出一个小小的DIV层，简洁一点就行。不知我说明白了没？

解决方案 »

  1.   

    这3个类别可以一次或者使用ajax分别取得数据，放在3个隐藏的层里，鼠标放到这3个分类上分别显示或者隐藏就可以 了
      

  2.   

    呵，方法我也知道，只是JS不太熟，百度过很多次都没有解决，自己写出来的又只是不太对劲，所以希望有代码看一下。这段代码应该不会长。只要解决鼠标放在上面，离开，DIV跟随鼠标点击的类别就行了
      

  3.   

    我看到的
    <html>
    <script>
    function ShowMyDiv(link){
        var div = document.getElementById(link.getAttribute("div"));
        if(typeof(window.ShowingDiv)!="undefined")window.ShowingDiv.style.display="none";
        div.style.display="block";
        window.ShowingDiv=div;
    }
    window.onload=function(){
        window.ShowingDiv=document.getElementById("TdOne");
    }
    </script>
    <body>
    <a href="#" onMouseMove="ShowMyDiv(this);return false;" div="TdOne">TdOne内容部分</a>
    <a href="#" onMouseMove="ShowMyDiv(this);return false;" div="TdTwo">TdTwo内容部分</a>
    <a href="#" onMouseMove="ShowMyDiv(this);return false;" div="TdThree">TdThree 内容部分</a>
    <div id="TdOne" style="display:block"><table><tr><td>1</td></tr><tr>TdOne内容部分<td></td></tr></table></div>
    <div id="TdTwo" style="display:none"><table><tr><td>1</td></tr><tr><td>2</td></tr><tr>TdTwo内容部分<td></td></tr></table></div>
    <div id="TdThree" style="display:none"><table><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr><tr>TdThree内容部分<td></td></tr></table></div>
    </body>
    </html>
      

  4.   

    上面的有两个问题，一是鼠标放在第二第三个分类上时，显示的菜单不跟着走，第二个是显示的DIV应该是浮动的，不然会挤开下面的数据。显示时就像一个层一样。
      

  5.   

    http://adandelion.cnblogs.com/articles/233157.html   
    http://jkisjk.vip.sina.com/html/DivBeforeSelect.htm
      

  6.   

    我看到的http://topic.csdn.net/t/20051012/12/4321312.html
      

  7.   

    唉，在网上终于找到解决的办法了，下载了一个showmenu.js，超级简单,上楼的提供的那些太复杂了。用不上