如何用js实现鼠标放在第一个菜单上时其子内容显示,第二个菜单隐藏,放在第二个菜单

Question

本帖最后由 grnzb 于 2013-04-01 12:34:07 编辑

Answer 1

mouseover mouseout2个事件来驱动吧

Answer 2

add mouseover event in controller

Answer 3

<script  type="text/javascript">
function show(d1){
document.getElementById(d1).style.display='block';  //触动的层如果处于隐藏状态，即显示
}
function shows(d1){
document.getElementById(d1).style.display='none';  //触动的层如果处于显示状态，即隐藏
}
</script>
<div><b><img src="image/fold.gif" width="16" height="16" >树形菜单：</b></div>
<A href="#" onmousemove="show('1')" onmouseout="shows('1')" onmousemove="show('1')" ><img src="image/fclose.gif"  border="0"  >文学艺术</A>
<div id="1" style="display:none"><img src="image/doc.gif" >先锋写作<BR>
  <img src="image/doc.gif" >小说散文<BR>
  <img src="image/doc.gif" >诗风词韵</div>
<div><A href="#"  onmouseout="shows('2')" onmousemove="show('2')"><img src="image/fclose.gif" border="0" >贴图专区</A></div>
<div id="2" style="display:none"><img src="image/doc.gif" >真我风采<BR>
  <img src="image/doc.gif" >视频贴图<BR>
  <img src="image/doc.gif" >行行摄摄<BR>
  <img src="image/doc.gif" >Flash贴图</div>基本就是这样了，你在看看吧...