黄志亮广州国安投资:javascript的问题

来源:百度文库 编辑:高考问答 时间:2024/04/30 18:23:40
一个下拉菜单,当鼠标移到菜单时,出现,移开就没了,谢谢!

具体代码不能给你,不过可以给你一个思路:

下拉菜单用DIV来做,因为DIV可以控制显示和隐藏,鼠标事件可以用onmouseover(鼠标移动到菜单上)和onmouseout(鼠标移出范围)来做。

用onmouseover和onmouseout来实现啊。

例如:

<html>

<body>

<div id=id1 onmouseover="javascript:id2.style.display=''"

onmouseout="javascript:id2.style.display='none'">移到我上面</div>
<br><br>
<div id=id2 style="display:none">sdfsdfsfsdfsdfsdfsdfsdf</div>
</body>

</html>

<div id=id1 onmouseover="javascript:select1.style.display=''" onmouseout="javascript:select1.style.display='none'">移到我上面</div>
<br><br>
<select name="select1" style="display:none">
<option>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>

在网上找找coolmenu3.js这个代码写的非常经典

onmouseover()
onmouseout()
加层就可以了.