jQuery导航条在项目中的应用:
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/java script">
<script src="Scripts/jquery-1.4.1.js" type="text/java script">
<script type="text/java script">
$(function () { //页面加载事件
$(".clsHead").click(function () {
if ($(".clsContent").is(":visible")) { //如果内容可见
$(".clsHead span img").attr("src", "Images/a2.gif"); //改变图片
$(".clsContent").css("display", "none"); //隐藏内容
}
else {
$(".clsHead span img").attr("src", "Images/a1.gif");
$(".clsContent").css("display", "block"); //显示内容
}
});
$(".clsBot > a").click(function () {
if ($(".clsBot > a").text() == "简化") { //如果内容为'简化'字样
$("ul li:gt(4):not(:last)").hide(); //隐藏index号大于4且不是最后一项的元素
$(".clsBot > a").text("更多");
}
else {
$("ul li:gt(4):not(:last)").show().addClass("GetFocus"); //显示所选元素且增加样式
$(".clsBot > a").text("简化");
}
});
});
图书分类
- 小说(1110)
- 文艺(230)
- 青春(1430)
- 少儿(1560)
- 生活(870)
- 社科(1460)
- 管理(1450)
- 计算机(1780)
- 教育(930)
- 工具书(3450)
- 引进版(980)
- 其他类(3220)
