只需实现JSClick扩展两级菜单功能
如果两个级别的菜单在默认打开页面中隐藏,则需要单击显示两个级别菜单,然后单击是两个级别菜单。有两个点要实现并隐藏和使用显示和否。此外,我们需要判断是否当前是块或没有。
文件
# 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 =没有;
}
仔细看,否则你会发现你需要点击两次才能得到你想要的效果。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。