数码资讯
jQuery点击下拉菜单的一个小例子。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
复制代码代码如下所示:
导航-点击弹出内容
。导航{ margin: 0;padding: 0;列表样式类型:无;位置:相对;}
。航行李{浮动:左;}
一个{填充:3px。航行6px;背景颜色:橙色;颜色:白色;文字装饰:无;浮动:左;身高:24px;}
。航行:悬停{背景颜色:白色;颜色:蓝色;文字装饰:下划线;}
。导航div {display:无;位置:绝对;顶部:30px;}
$(文档)Ready(函数(){)
$(。导航输入)。每个(函数(){)
Var this_div = $(.Navgation div);
无功_inx = $(。导航输入)。指数(本);
Click先生。
函数(){ this_div.eq(_inx)。SlideToggle();},
函数(){ this_div.eq(_inx)。SlideToggle();}
);
});
});
把内容1放在这里
把内容2放在这里
把内容3放在这里
把内容4放在这里
把内容5放在这里
导航-点击弹出内容
。导航{ margin: 0;padding: 0;列表样式类型:无;位置:相对;}
。航行李{浮动:左;}
一个{填充:3px。航行6px;背景颜色:橙色;颜色:白色;文字装饰:无;浮动:左;身高:24px;}
。航行:悬停{背景颜色:白色;颜色:蓝色;文字装饰:下划线;}
。导航div {display:无;位置:绝对;顶部:30px;}
$(文档)Ready(函数(){)
$(。导航输入)。每个(函数(){)
Var this_div = $(.Navgation div);
无功_inx = $(。导航输入)。指数(本);
Click先生。
函数(){ this_div.eq(_inx)。SlideToggle();},
函数(){ this_div.eq(_inx)。SlideToggle();}
);
});
});
把内容1放在这里
把内容2放在这里
把内容3放在这里
把内容4放在这里
把内容5放在这里
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。