html :二级菜单:点击第一级时,展开下面的子菜单,每次只有一个一级菜单...
发布网友
发布时间:2022-04-30 00:09
我来回答
共1个回答
热心网友
时间:2022-04-20 10:15
html:
<ul class="UL">
<li class="item">
一级菜单1
<ul class="UL2">
<li>二级菜单1</li>
<li>二级菜单2</li>
</ul>
</li>
<li class="item">
一级菜单2
<ul class="UL2">
<li>二级菜单1</li>
<li>二级菜单2</li>
</ul>
</li>
<li class="item">
一级菜单3
<ul class="UL2">
<li>二级菜单1</li>
<li>二级菜单2</li>
</ul>
</li>
</ul>
css:
<style type="text/css">
body,ul{margin: 0; padding: 0;}
ul{list-style: none;}
.UL{width: 100px; text-align: center;}
.UL2{font-size: 13px; width: 100px; color: #00a0e9; display: none;}
</style>
JQ:
<script type="text/javascript">
$(document).ready(function() {
$(".item").click(function(){
$(this).find(".UL2").slideToggle();
$(this).siblings('.item').find('.UL2').slideUp();
});
});
</script>
...展开下面的子菜单,每次只有一个一级菜单展开:
<li>二级菜单1</li> <li>二级菜单2</li> </ul> </li> <li class="item"> 一级菜单2 <ul class="UL2"> <li>二级菜单1</li> <li>二级菜单2</li> </ul> </li> <li class="item"> 一级菜单3 <ul class="UL2"> <li>二级菜单1</li> <li>二级菜单2</li> </ul> </...
jquery实现二级菜单时,点击一级菜单,二级菜单滑出一下就又消失了
jquery实现由一级导航菜单到二级滑动显示效果,并点击增加背景变化效果,代码挺简单的,但是也效果也很好,是非常实用的,也是很流行的菜单样式 html:<div class="webSchoolL" id="webSchoolL"> <ul class="leftTab" id="leftMeau"> <li class="listL01">1</li> <li> <a href="#nogo">2<...
在用HTML制作网页时,二级菜单出现时,一级菜单为什么老掉下来?_百度知 ...
一般出现这种情况,往往是这个宽度的问题。宽度没有写死,正常的时候的一级菜单的宽度和hover状态下一级菜单的宽度不同,所以会掉下来。下面有一个二级菜单的demo,可以对照着找一下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml...
子菜单、级联菜单、下拉菜单和快捷菜单,它们是一个东西吗?不是的话...
“下拉菜单”这个术语通常指的是当用户点击某个菜单项时,会出现一个垂直或水平方向的子菜单,这种效果通常伴随着鼠标悬停或点击。不同于弹出菜单,下拉菜单通常需要一个触发点,比如菜单按钮或图标,如Windows操作系统的开始菜单,用户点击后会弹出一系列可选项。最后,"快捷菜单"是用户界面中的一个快捷入...
...当鼠标停留在一级上时候,二级菜单正常显示。当鼠标移动到二级菜单...
你可以这样写,当鼠标指向一级节点时,它的二级节点为显示,而其他一级节点的二级节点隐藏;当鼠标离开时不需要做函数处理。下面是我做的一个简单的例子,希望对你有帮助 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-...
微信订阅号点击二级菜单怎么能出现五个子类?
进入后台之后,点击左侧的“自定义菜单栏”,点击“菜单管理”右边的“+”号,就可以出现一级菜单了;设置好一级菜单之后,会出现在菜单管理的下面,然后点击你设置的一级菜单的右边的“+”号,就可以设置二级菜单了,最多可以设置5个二级菜单。二级下面就不可以再设置子菜单了。
二级菜单中一级菜单鼠标经过hover背景从下往上出现,并且子菜单的hover...
你这个要加入js才能有这效果,一个js的多级联动下拉菜单 可以自定义位置和样式。
纯css编写的二级导航菜单问题?
这里是一级导航 <ul id=ul2> <li>这里是二级导航</li> </ul> </li> </ul> 其中ul1是整个导航,而li是一级菜单,你让默认的时候ul2是隐藏的,只有滑过li的时候把滑过的那个li里面的ul2显示,当滑出的时候再隐藏ul2,当然你的ul1里的li得设置定位,用relative,然后里面的ul2用绝对定位...
如何微信公众号自定义菜单的二级菜单里设置多个网页图文
详细步骤如下:1. 打开微信公众号后台,进入自定义菜单页面;2. 在左边的一级菜单下面点击加号,即可增加二级菜单页面;3. 修改子菜单名称,子菜单内容选择“发送消息”,下面的图文消息里,即可选择多个网页图文。/iknow-pic.cdn.bcebos.com/09fa513d269759eee8d10622b9fb43166c22df52"target="_...
html 用css做的二级菜单会占用一级菜单div的高度,求解决方法,
一级菜单固定高度,但需要 overflow:visible;二级菜单默认隐藏的 display:none;