两个简单菜单特效

形式一

图片2.png

思路:

1、给每个菜单的第一个元素(收藏夹、库...)绑定单击事件
2、单击事件要做什么事情
找到当前所有的兄弟元素都都批量显示和隐藏间进行切换




    
    Document
    
    


    
收藏夹
2345下载
桌面
视频
图片
文档
迅雷下载
音乐
计算机
C盘
D盘
E盘

形式二

图片3.png

思路:

1、构建html布局
2、给选项卡绑定单击事件,单击事件做的事情:
a、给当前单击的选项卡加一各高亮显示颜色标识,其他同级兄弟就要移除高亮显示颜色标识
b、找到下面对应的选项卡的内容




    
    Document
    
    


    
    
tab1内容
tab2内容
tab3内容

你可能感兴趣的:(两个简单菜单特效)