JSP网页，HTML怎么用div盒子做弹出式菜单，就是当鼠标移动到目标的超链接时，就会自动弹出一个菜单？

1条回答

• 

  0卡拉卡拉0

  2023-06-26 09:48

  body{padding:0px;margin:0px;font-size:12px;}#ul1{width:800px;margin:0auto;height:30px;line-height:30px;list-style:none;background:#CCC;}#ul1li{float:left;width:100px;text-align:center;}#ul1lia{text-decoration:none;display:block;}#ul1lia:hover{background:#FCC;}#ul1lidiv{display:none;background:#FCC;height:0;}window.onload=function(){varlis=document.getElementsByTagName("li");for(vari=0;i

• 1111111
  111111111111111111111111111
• 1111111
  111111111111111111111111111
• 1111111
  111111111111111111111111111
• 1111111
  111111111111111111111111111

相对定位和绝对定位，把盒子相对定位，给超链接那个盒子相对定位，不加也行，给菜单的那个盒子绝对定位，默认是隐藏的也就是display：none，给链接加个伪类hover或者鼠标悬浮事件，onmouseover。具体代码

• 春
• 夏
• 秋
• 东

我没有在div里面写列表，你要写列表直接在div里面加就可以了

使用div+css就可以实现，使用样式display:block;块级元素默认就是block，思路是:当页面加载时，一级菜单下的二级菜单display设置为none；鼠标移动时样式设为block就可以实现了。可以参考标准之路网站的10天学会div+css第八天的内容。

可以使用jQuery很简单就能做出来$("a").mouseover(function(){$("div").show();});$("a").mouseout(function(){$("div").hide();});

可以使用jquery的mouseover和mouseout来实现，绑定鼠标悬停和离开的时间控制弹出的div显示隐藏