JavaScript实现左侧菜单效果

前端之家收集整理的这篇文章主要介绍了JavaScript实现左侧菜单效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js实现左侧菜单效果展示的具体代码,供大家参考,具体内容如下

当前所学做出来的代码量有点大,以后的学习会使它更简单

<Meta charset="UTF-8"> Title

<div style="width: 300px">

<div class="item">
<div id='i1' class="header" onclick="ChangeMenu('i1');">菜单1


<div class="content hide">

菜单2
菜单3
内容3
内容3
菜单4
内容4
内容4

效果就是这样:

菜单后就会这样:

菜单。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

js左侧菜单

猜你在找的JavaScript相关文章