jsp界面 如何让鼠标挪上去之后自动弹出下拉菜单？

网页上有一排button，如果鼠标挪上去会自动出来下拉菜单，请问这种如何实现？

解决方案 »

  1.   

    我问了些朋友，在。net中可以调用dll库实现，但java应该不能调用dll吧，或者用flash。。我只是想找个简单的方法，最好有代码
      

  2.   

    解决办法：
    １．ＪＳ控制
    ２．ＦＬＡＳＨ
    .net中很多是封装成了控件，所以可能直接拉出这样的控件来就可以．
      

  3.   

    在控件的onMouseMove事件中写js来控制就可以啦!!
      

  4.   

    如果弹出的菜单跟后台数据库有关系的话，建议用ajax来进行异步交互。
      

  5.   


    js+div is a good idea for you!
    with button's onmousemove action ...
      

  6.   

    好像用CSS + js就可以实现
      

  7.   

    onmouseover="showMenu()"在你的 showMenu 里面完成你的显示功能
      

  8.   


    <SCRIPT language=javascript><!-- 
    function out() 
    { 
    if(window.event.toElement.id!="menu" && window.event.toElement.id!="link") 
    menu.style.visibility="hidden"; 
    } 
    //--> 
    function out1() 
    { 
    if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link") 
    menu1.style.visibility="hidden"; 
    } 
    //--> 
    </SCRIPT> <body> 
    <div id="back" onmouseout="out()"style="position:absolute;top:225;left:250;width:160;height:40;z-index:1;visibility:visible;"> 
    <span id="menubar" onmouseover="menu.style.visibility='visible'"> 
    <font color=red size=2>菜单一</span> 
    <div border=1 id="menu" style="position:absolute;top:15;left:0;width:75;height:10;z-index:2;visibility:hidden;"> 
    <a id="link" href="LINK1.htm">LINK1</a> 
    <a id="link" href="LINK2.htm">LINK2</a> 
    <a id="link" href="LINK3.htm">LINK3</a> 
    <a id="link" href="LINK4.htm">LINK4</a> 
    <a id="link" href="LINK5.htm">LINK5</a> 
    <a id="link" href="LINK6.htm">LINK6</a> 
    </div> 
    </div> 
    <div id="back" onmouseout="out1()"style="position:absolute;top:225;left:330;width:160;height:40;z-index:3;visibility:visible;"> 
    <span id="menubar" onmouseover="menu1.style.visibility='visible'"> 
    <font color=red size=2>菜单二</span> 
    <div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;"> 
    <a id="link" href="LINK1.htm">LINK1</a> 
    <a id="link" href="LINK2.htm">LINK2</a> 
    <a id="link" href="LINK3.htm">LINK3</a> 
    <a id="link" href="LINK4.htm">LINK4</a> 
    <a id="link" href="LINK5.htm">LINK5</a> 
    <a id="link" href="LINK6.htm">LINK6</a> 
    </div> 
    </div> 
    </div>
      

  9.   

    JSP好像做到也很讨厌，JS或AJAX
      

  10.   

    http://blog.csdn.net/hqin6/archive/2008/05/04/2379752.aspx