html导航栏自动显示更多的,如何实现导航菜单的显示与隐藏
发布日期:2021-06-24 13:23:04
浏览次数:2
分类:技术文章
本文共 685 字,大约阅读时间需要 2 分钟。
小羊杨
用无序列表或者有序列表进行嵌套然后配套一下css就可以实现。下面是一个简单实现的代码,没有严谨的考虑兼容性,大概看一下把。望采纳html>
demoul>li>ul{
display:none;
}
ul>li>ul.on{
display:block;
}
window.οnlοad=function(){
var menu=document.getElementById("menu");
var cls=menu.getElementsByClassName("first");
menu.οnclick=function(e){
var e=e||window.event;
var target=e.target||e.srcElement;
if(target.className=="first"){
if(target.children[0].className=="on"){
target.children[0].className="";
}else{
for(var i=0;i
cls[i].children[0].className="";
}
target.children[0].className="on";
}
}
}
}
- 一级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 一级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 一级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 一级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 一级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
转载地址:https://blog.csdn.net/weixin_33102135/article/details/117721765 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
第一次来,支持一个
[***.219.124.196]2024年04月19日 00时28分10秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Unity中获取物体的尺寸(size)的三种方法
2019-04-27
Unity中的关节组件和绳子效果的实现
2019-04-27
Unity可视化编程插件: Bolt,可以像UE4的蓝图那样啦
2019-04-27
Android的.dex、.odex与.oat文件扫盲
2019-04-27
Unity移动应用如何在Bugly上查看崩溃堆栈
2019-04-27
unity3D 在屏幕边框创建碰撞框
2019-04-27
xml中常用的转义符
2019-04-27
关于MSDK的几个难点
2019-04-27
使用UnityEditor做工具
2019-04-27
Visual Studio我常用的快捷键
2019-04-27
写C# dll供Unity调用
2019-04-27
Linux制作run安装包
2019-04-27
一分钟学会C#解析XML
2019-04-27
unity AssetBundle的资源管理
2019-04-27
【转】Unity中HideInInspector和SerializeField一起使用
2019-04-27
单例模板类
2019-04-27
Unity与java相互调用
2019-04-27
android截屏代码
2019-04-27
unity NGUI图文混排
2019-04-27