jQuery实现导航栏切换显示隐藏

jQuery实现导航栏切换显示隐藏
使用jQuery实现的一些导航栏切换,显示隐藏,该技术的主要应用是slidetoggle(),(),()toggeclass切换:

代码如下:

导航栏在工程中的应用
$(函数(){())
$()。查找()。Click(函数(){)
$(这)。ToggleClass(closebtn2 )(家长)(下)(SlideToggle); / /实现隐藏内容显示、切换和图标
});
$(。clsbot)。Click(function(){)
$(这个)父(查找)(李:gt(4)(开关));内容索引值大于4隐藏或显示。

})
})
*边距:0;填充:0;}
列表样式:无;}
。箱{宽度:400px;保证金:100px汽车;边框1px solid # DDD;}
背景:#。山雀{ 999;高度:30px;颜色:# FFF;字体大小:14px;线高度:30px;填充左:;};}
的。closebtn { background: url(图片 / A2。gif)没有重复00;宽度:7px;高度:8px;位置:绝对;8px;;二是;二是正确的;二是正确的。
。closebtn2 { background: url(图片 / A1。gif)没有重复00;}
。内容{填充:6px;字体大小:12px;溢出:隐藏;}
。内容里{浮动:左;宽度:100px;身高:24px;}
。内容里{颜色:# 999;}
内容李A:悬停{颜色:红色;}
。clsbot {显示:块;明确:两;背景:URL(图像/ A5。gif)没有重复右0;右:填充,没有重复;威;玉;
图书分类
关闭
小说(1110)
文艺(230)
青年(1430)
儿童(1560)
生活(870)
社会科学(1460)
管理(1450)
计算机(1780)
教育(930)
工具书(3450)
导入版本(980)
其他类(3230)

简化

设计素描 uff1a
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部