日期:2014-05-20  浏览次数:20853 次

jsp界面 如何让鼠标挪上去之后自动弹出下拉菜单?
网页上有一排button,如果鼠标挪上去会自动出来下拉菜单,请问这种如何实现?

------解决方案--------------------
给鼠标写个事件.......
------解决方案--------------------
用js控制 。
------解决方案--------------------
js控制
你随意搜下就有

------解决方案--------------------
解决办法:
1.JS控制
2.FLASH
.net中很多是封装成了控件,所以可能直接拉出这样的控件来就可以.
------解决方案--------------------


在控件的onMouseMove事件中写js来控制就可以啦!!
------解决方案--------------------
探讨


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

------解决方案--------------------
探讨


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

------解决方案--------------------

js+div is a good idea for you!
with button's onmousemove action ...
------解决方案--------------------
好像用CSS + js就可以实现
------解决方案--------------------
onmouseover="showMenu()"

在你的 showMenu 里面完成你的显示功能
------解决方案--------------------
HTML code

<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>

------解决方案--------------------