使用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