jQuery导航条在项目中的应用:
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("简化");
}
});
});
图书分类
