数码资讯
js实现的例子代码,效果为收缩菜单
没有太多的谈话,直接代码:注释 复制代码代码如下所示: DIV { border: 1px solid黑; 宽度:100px; } Tit,内容 { 列表样式类型:无; } 。菜单 { 填料:0px; 保证金:0px; } 。乳头 { 背景颜色:# 0094ff; 颜色:白色; 填料:2px 10p
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
没有太多的谈话,直接代码:注释
复制代码代码如下所示:
DIV
{
border: 1px solid黑;
宽度:100px;
}
Tit,内容
{
列表样式类型:无;
}
。菜单
{
填料:0px;
保证金:0px;
}
。乳头
{
背景颜色:# 0094ff;
颜色:白色;
填料:2px 10px;
光标:指针;
}
$(函数(){())
直接启动/隐藏菜单
$()。隐藏();
对标题添加一个单击事件
$()。Click(函数(){)
当您单击时,打开菜单和其他隐藏菜单
$(这)。下()SlideDown()()。父母。兄弟姐妹()。孩子们(内容)的SlideUp();
。第一(下)})(。slideDown()); / /默认第一个菜单后
});
菜单1
一万一千一百一十一
一万一千一百一十一
一万一千一百一十一
一万一千一百一十一
菜单2
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
菜单3
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
复制代码代码如下所示:
DIV
{
border: 1px solid黑;
宽度:100px;
}
Tit,内容
{
列表样式类型:无;
}
。菜单
{
填料:0px;
保证金:0px;
}
。乳头
{
背景颜色:# 0094ff;
颜色:白色;
填料:2px 10px;
光标:指针;
}
$(函数(){())
直接启动/隐藏菜单
$()。隐藏();
对标题添加一个单击事件
$()。Click(函数(){)
当您单击时,打开菜单和其他隐藏菜单
$(这)。下()SlideDown()()。父母。兄弟姐妹()。孩子们(内容)的SlideUp();
。第一(下)})(。slideDown()); / /默认第一个菜单后
});
菜单1
一万一千一百一十一
一万一千一百一十一
一万一千一百一十一
一万一千一百一十一
菜单2
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
菜单3
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
二十二万二百二十二
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。