jquery側(cè)邊,jquery側(cè)邊欄
jquery 更改頁面?zhèn)冗厵?點擊標(biāo)題 顯示顏色 消除其它的顏色顯示？
$(function(){
網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了嘉善免費建站歡迎大家使用！
$(".nav-link").click(function() {
$(this).addClass("active").siblings(".nav-link").removeClass('active');
});
});
用jQuery實現(xiàn)淘寶特賣側(cè)邊欄效果,求源碼!!! 源碼寫的好，會追加懸賞的。急急急急急急?。?！
兄弟，我覺得沒什么人會為了積分去幫你寫源碼，除非很簡單的東西。
你完全可以去Copy淘寶的。
我用jquery寫了一個側(cè)邊欄，單擊之后下拉，但是再單擊的時候，怎樣實現(xiàn)上拉？
$(document).ready(function(){
$("#according?li").click(function(){
$(this).children("ul").slideToggle();
});
});
jquery寫側(cè)邊懸浮菜單
直接把元素的position屬性設(shè)置成fixed，然后設(shè)置它的right和top值就可以了。
如何用jquery來制作側(cè)邊導(dǎo)航欄？
!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""
html?xmlns=""
head
meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/
titlejQuery動畫垂直折疊導(dǎo)航效果/title
style?type="text/css"
.menu_list{width:268px;margin:0?auto;}
.menu_head{
height:?47px;
line-height:?47px;
padding-left:?38px;
font-size:?14px;
color:?#525252;
cursor:?pointer;
border-left:?1px?solid?#e1e1e1;
border-right:?1px?solid?#e1e1e1;
border-bottom:?1px?solid?#e1e1e1;
border-top:?1px?solid?#F1F1F1;
position:?relative;
margin:?0px;
font-weight:?bold;
background:?#f1f1f1?url(images/pro_left.png)?center?right?no-repeat;
}
.menu_list?.current{background:#f1f1f1?url(images/pro_down.png)?center?right?no-repeat;}
.menu_body{
line-height:?38px;
border-left:?1px?solid?#e1e1e1;
backguound:?#fff;
border-right:?1px?solid?#e1e1e1;
}
.menu_body?a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px?solid?#e1e1e1;}
.menu_body?a:hover{text-decoration:none;}
/style
/head
body
!--?代碼部分begin?--
div?id="firstpane"?class="menu_list"
h3?class="menu_head?current"哲學(xué)/h3
div?style="display:block"?class="menu_body"
a?href=""科學(xué)技術(shù)哲學(xué)/a
a?href="#"宗教學(xué)/a
a?href="#"美學(xué)/a
a?href="#"倫理學(xué)/a
a?href="#"邏輯學(xué)/a
a?href="#"外國哲學(xué)/a
a?href="#"中國哲學(xué)/a
a?href="#"馬克思主義哲學(xué)/a
/div
h3?class="menu_head"經(jīng)濟學(xué)/h3
div?style="display:none"?class="menu_body"
a?href="#"應(yīng)用經(jīng)濟學(xué)/a
a?href="#"理論經(jīng)濟學(xué)/a
a?href="#"國民經(jīng)濟學(xué)/a
a?href="#"區(qū)域經(jīng)濟學(xué)/a
a?href="#"產(chǎn)業(yè)經(jīng)濟學(xué)/a
a?href="#"國際貿(mào)易學(xué)/a
a?href="#"勞動經(jīng)濟學(xué)/a
a?href="#"政治經(jīng)濟學(xué)/a
/div
h3?class="menu_head"法學(xué)/h3
div?style="display:none"?class="menu_body"
a?href="#"馬克思主義基本原理/a
a?href="#"馬克思主義發(fā)展史/a
a?href="#"馬克思主義中國化研究/a
a?href="#"國外馬克思主義研究/a
a?href="#"思想政治教育/a
/div
h3?class="menu_head"教育學(xué)/h3
div?style="display:none"?class="menu_body"
a?href="#"體育人文社會學(xué)/a
a?href="#"體育教育訓(xùn)練學(xué)/a
a?href="#"民族傳統(tǒng)體育學(xué)/a
a?href="#"發(fā)展與教育心理學(xué)/a
a?href="#"應(yīng)用心理學(xué)/a
a?href="#"教育學(xué)原理/a
a?href="#"課程與教學(xué)論/a
a?href="#"比較教育學(xué)/a
/div
/div
script?src="js/jquery.js"/script
script
$(document).ready(function(){
$("#firstpane?.menu_body:eq(0)").show();
$("#firstpane?h3.menu_head").click(function(){
$(this).addClass("current").next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
$(this).siblings().removeClass("current");
});
$("#secondpane?.menu_body:eq(0)").show();
$("#secondpane?h3.menu_head").mouseover(function(){
$(this).addClass("current").next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
$(this).siblings().removeClass("current");
});
});
/script
!--?代碼部分end?--
/body
/html
你自己引入jQuery。還有下面這兩張圖片啊
廣告在頁面自由移動的用jquery特效怎么寫
jQuery移動端頁面?zhèn)冗厡?dǎo)航菜單滑出效果代碼 珊珊來遲分享到css3動畫 Eros. ... 中國移動藍(lán)色的卡通海報模板廣告專題頁面CDR
分享名稱：jquery側(cè)邊,jquery側(cè)邊欄
標(biāo)題URL：http://m.jiaotiyi.com/article/dsghojp.html