当前位置:首页 > 日记 > 正文

只需实现JSClick扩展两级菜单功能

只需实现JSClick扩展两级菜单功能
虽然jQuery已经很好了,但实际的开发项目中,仍有许多限制,如一组出色的项目需求,可以不使用任何插件,当然,也被认为是占用资源,毕竟,100 KB仍然是非常大的和小的项目。我最近遇到一个请求单击展开两级菜单。当然,它只能通过使用本地js来实现。
如果两个级别的菜单在默认打开页面中隐藏,则需要单击显示两个级别菜单,然后单击是两个级别菜单。有两个点要实现并隐藏和使用显示和否。此外,我们需要判断是否当前是块或没有。
文件

# sub_menu_1,# sub_menu_2 {
显示:无;
}
UL:悬停{
光标:指针;
}

第一级菜单1

二级餐单1
二级餐单1
二级餐单1
二级餐单1
第一级菜单2

二级菜单2
二级菜单2
二级菜单2
二级菜单2
头等餐清单3
函数f(STR){
无功sub_menu = document.getelementbyid(STR);
无功dis_v = sub_menu.style.display;

如果(dis_v = =块)
sub_menu.style.display =没有;
其他的
sub_menu.style.display =块;

}

有一点需要注意的是,第一级菜单的李不能添加一个标记,否则它将不能工作。

如果在页面中默认显示两个级别的菜单,则单击时关闭,可以直接删除样式标签的显示否,同时需要修改js。
函数f(STR){
无功sub_menu = document.getelementbyid(STR);
无功dis_v = sub_menu.style.display;

如果(dis_v = =无)
sub_menu.style.display =块;
其他的
sub_menu.style.display =没有;

}
仔细看,否则你会发现你需要点击两次才能得到你想要的效果。

以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

相关文章

ps如何快速删除GIF动态图中的水印

ps如何快速删除GIF动态图中的水印

删除,动态,水印,图中,快速,当你想删除水印或文字的GIF地图,你怎么能摆脱它简单快捷小编辑器将教你如何使用PS快速删除水印今天。 软件名称:Adobe中国PS图象处理软件6汉化免费版软件大小:107mb更新时间:2013-04-19 1,打开ps,按住Ctrl,选择要处理的…

PS如何制作照片碎片折叠效果

PS如何制作照片碎片折叠效果

折叠,照片,碎片,效果,电脑软件,新人可以像P这样的工作室创作一个创意照片,然后是一个小编辑器来学习,一个超级详细的PS教程。 软件名称:Adobe PS图象处理软件8全绿色中文版软件大小:150.1mb更新时间:2015-11-04 1,首先,我们有美丽;把材料拖成PS,然…

标准的MySQL安装过程的详细解释(x64

标准的MySQL安装过程的详细解释(x64

安装过程,解释,版本,标准,详细,MySQL x64不提供安装,不提供安装,不提供安装… 它有点慢,而且不太容易一次查阅英文文档。 之后的64位5.7.6 zip包下载,没有数据目录。 在解压缩进入bin目录:(我使用PowerShell) 初始化数据目录(随机分配密码,记下) …

如何修改用户表,yii2.0带来的其他表

如何修改用户表,yii2.0带来的其他表

用户,修改,电脑软件,因为某些原因,你不想使用Yii的用户表,要使用你自己的管理数据库表的修改如下: 1。引用高级模板中的普通用户来修改admin 2。修改配置文件的内部 用户{ { / / 'identityclass= >普通 用户模型, identityclass= >普通 管理…

快速下载通道不能由云播种用户使用

快速下载通道不能由云播种用户使用

下载,用户,通道,快速,电脑软件,近日,迅雷发布了Mac平台2.6.2版本(苹果电脑系统),主要解决了两个重要的问题。 1,增加了运营商的反审查机制,解决了两个宽带运营商(如:埃普斯)等用户无法使用的高速下载通道功能。 2,修复云用户登录失败的问题。(完)…

短爱字符签名

短爱字符签名

字符,电脑软件,记忆是落在掌心的水,无论你打开还是紧握,毕竟,还是从手指的一点,一滴一滴的流淌干净。小编为你推荐一点短小的爱字签名美丽的句子,希望你喜欢。 短爱字符签名 1)我永远愿意做一个观众,安慰你的痛苦。 2)不要尽你所能,不要相信你所听…

WPS如何使用快捷方式删除

WPS如何使用快捷方式删除

删除,快捷方式,如何使用,电脑软件,WPS,我们如何删除在表的使用中经常出现的几行空行呢让我们用快捷键共享快速删除方法。我希望你能帮助你。 快速删除WPS的方法 WPS列删除,鼠标单击字母,选择列,然后按鼠标右键,按D键删除! 选择删除是麻烦的,鼠…

在幻灯片中插入空白页(空白背景页)。

在幻灯片中插入空白页(空白背景页)。

幻灯,片中,空白,背景,空白页,问题: 这位领导人做了演讲幻灯片(PPT),幻灯片的一页是红色背景黄,另一页是普通的彩色幻灯片。 一个正常的幻灯片,但当你插入一个空白页,你就麻烦了。无论如何,插入一个新页面,所有页面都显示主版本中的背景页。 答案uf…

手机QQ如何关闭QQ看QQ里面的QQ视图

手机QQ如何关闭QQ看QQ里面的QQ视图

视图,功能,电脑软件,QQ,现在,新版手机QQ有了QQ外观功能。有娱乐节目、体育新闻等。有些人不注意这些问题。我们怎么能关掉QQ的注意呢这里是一个小编的手机QQ,关闭QQ的方式,供大家参考。 手机QQ关闭QQ的方式 打开QQ,进入QQ后,点击QQ看进入QQ视…

如何消除word2013软回车

如何消除word2013软回车

电脑软件,当你直接复制网站上的文字文本,这是最有可能有一个软回车,即直箭头。总之,普通款的回报是一个硬回车,这时就要从word2013删除软回车。以下是你去除解决方案的软word2013细节的小编辑,希望对你有帮助。 在word2013软车淘汰 具体做法如…

对于PLSQL登录的默认密码的介绍

对于PLSQL登录的默认密码的介绍

登录,密码,默认,电脑软件,PLSQL,安装oracle12c时,如果密码不为下列用户重置,默认密码为: 用户名/密码登录标识描述 系统/ change_on_install SYSDBA或SYSOPER无法记录与正常作为默认的系统管理员 系统/经理SYSDBA或正常无法登录和使用作为…

共享五个最佳编程字体

共享五个最佳编程字体

字体,编程,电脑软件,不久前,因为我厌倦了Dreamweaver的默认样式,我改变了代码颜色。上周,我想我应该进一步研究字体,看看是否有可能使用另一种字体来形成一个新的风格主题。 选择另一种字体有很多优点。最突出的好处(取决于你的选择)是你可以看…