只需实现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 =没有;

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

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

tag:扩展菜单只需两级功能

相关内容