首页 > 编程知识 正文

html二级联动下拉列表,html点击出现二级菜单

时间:2023-05-03 14:12:17 阅读:41663 作者:4201

【JavaScript点击1级菜单打开和关闭2级菜单】

``````

文档#sub_menu_2{,#sub_menu_2{

显示:无;

}

ul li:hover{

cursor: pointer;

}

1级菜单1级2菜单1级2菜单1级2菜单1级1菜单2级2菜单2级2菜单2级2菜单2级2菜单2级1菜单3功能表f (str )。

var sub _ menu=document.getelementbyid (str;

var dis _ v=sub _ menu.style.display;

if(dis_v=='block ' )

sub_menu.style.display='none ';

else

sub_menu.style.display='block ';

}

``````

有注意事项。 1级菜单上的li无法添加a标签。 不那样做就不起作用。

如果您的页面默认进入并显示辅助菜单,单击时关闭。 按原样删除style标签的样式display='none '即可。 同时需要修改js。

``````

是函数f (str )

{

var sub _ menu=document.getelementbyid (str;

var dis _ v=sub _ menu.style.display;

if(dis_v=='none ' )

sub_menu.style.display='block ';

else

sub_menu.style.display='none ';

}

``````

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。