亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

折疊、展開的菜單組，jQuery版

2024-09-05 12:20:49

字體：大中小

來源：轉載

供稿：網友

jQuery實現一款漂亮的豎向折疊菜單組，初次運行的時候請刷新一下頁面，讓jQ載入，這款菜單應用廣泛，可用到后臺左側，網站前臺也可以用，發現自騰訊微博開放平臺，分享給大家一起研究吧。提示：如果有錯誤，請刷新頁面。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>一個展開合攏的菜單效果</title><script type="text/javascript" src="/ajaxjs/jquery-1.4.2.min.js"></script><style>* { margin:0; padding:0; }ul,li { list-style:none; }.catalog { width:164px; margin:0 auto;}.t1 { height:4px; background:url(/jscss/demoimg/201101/bg_catalog.gif) left top no-repeat; }.t2 { background:url(/jscss/demoimg/201101/bg_catalog.gif) -164px top repeat-y; }.t3 { height:4px; background:url(/jscss/demoimg/201101/bg_catalog.gif) left bottom no-repeat; }.t2 h2 { height:81px; background:url(/jscss/demoimg/201101/bg_catalog_logo.gif) center no-repeat; text-indent:-9999px; }.t2 h3 { heigth:36px; line-height:36px; margin:0 1px; text-indent:26px; background:url(/jscss/demoimg/201101/bg_catalog_icon.gif) no-repeat  13px 14px; font-size:14px; border-top:1px solid #fFF; }.t2 ul { padding:10px 0; font-size:12px; }.t2 li { text-indent:27px; height:30px; line-height:30px; }.selected { display:block;}.unselected {display:none;}</style></head><body><div   id="v5n555d"   class="re_left"><div   id="tdhzlv5"   class="catalog"><div   id="jjdxj5p"   class="t1"></div>	<div   id="xdzjddr"   class="t2">   <h2>資源</h2>   <h3>平臺使用說明</h3>   <ul class="unselected">      <li>平臺介紹</li>      <li>應用開發說明</li>      <li>應用審核流程</li>      <li style="display:none;">成功案例</li>      <li>開發者協議</li>   </ul>      <h3>API說明</h3>   <ul class="unselected">      <li>API文檔</li>      <li>Oauth授權說明</li>      <li>API調用權限</li>   </ul>      <h3>SDK及資源下載</h3>   <ul class="unselected">      <li>SDK下載</li>      <li>視覺素材下載</li>   </ul>      <h3>幫助中心</h3>   <ul class="unselected">      <li>常見問題解答</li>      <li>返回錯誤碼說明</li>   </ul></div><div   id="31l5p5x"   class="t3"></div></div></div><script type="text/javascript">	$(document).ready(function(){		var catalogIndex=[0,0];		if (catalogIndex[0]==2){catalogIndex[0]=3;}		else if(catalogIndex[0]==3){catalogIndex[0]=2;}		if(catalogIndex.length==0){catalogIndex=[0,0];}		$(".re_left .catalog h3 a").each(function(){			$(this).attr("src",$(this).attr("href"));			});		$(".re_left .catalog").find("ul").css("border-bottom",0).end().find("h3:eq("+catalogIndex[0]+")").addClass("open").find("a").attr("href","javascript:void(0);").end().next().css("display","block").find("li:eq("+(catalogIndex[1]-1==-1?9999:catalogIndex[1]-1)+")").addClass("active");$(".re_left .catalog").find("h3").last().css("border-bottom-width","0");});$(".re_left .catalog").find("h3").bind("click",function(){			if ($(this).hasClass("open"))			{				if ($(this).next().find(".active").size()==0)				{					$(this).next().slideUp(500,function(){					$(this).prev().removeClass("open");					});					}				else				{					$(this).next().slideUp(500,function(){					$(this).prev().removeClass("open");					//window.location.href=$(this).prev().find("a").attr("src");					});				}			}			else			{			$(this).parent().find("ul").slideUp("slow").end().find("h3").removeClass("open");			$(this).addClass("open").next().slideDown(500,function(){			if ($(this).nextAll("h3").size()>0)				{$(this).parent().find("h3").last().css("border-bottom-width","1px");}			else				{$(this).parent().find("h3").last().css("border-bottom-width","0");}				window.location.href=$(this).prev().find("a").attr("src");				});			}			return false;});	</script><br><div align="center">提示：如果有錯誤，請刷新頁面。</div></body></html>

上一篇：文本框輸入提示/自動完成的Js代碼

下一篇：自動固定頂部的懸浮菜單欄代碼

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

91国内揄拍国内精品对白| 69av视频在线播放| 国产欧美精品xxxx另类| 国产成人亚洲综合青青| 久久综合亚洲社区| 久久99精品国产99久久6尤物| 亚洲va欧美va国产综合久久| 国产一区二区av| 日韩中文字幕视频在线观看| 欧美日韩在线免费| 欧美成人午夜激情在线| 中文字幕免费精品一区| 亚洲欧洲在线播放| 欧美专区福利在线| 亚洲综合色激情五月| 黑人精品xxx一区一二区| 国产日韩欧美视频| 亚洲黄色免费三级| 亚洲女人被黑人巨大进入| 国产成人精品av在线| 亚洲国产欧美一区二区三区久久| 成人免费观看49www在线观看| 这里只有精品在线播放| 美女少妇精品视频| 日本三级韩国三级久久| 日韩视频第一页| 久久影视电视剧免费网站清宫辞电视| 国产精品久久av| 78m国产成人精品视频| 国内精品久久久久久影视8| 国产视频自拍一区| 国产一区二区欧美日韩| 日韩精品免费观看| 色小说视频一区| 亚洲一区av在线播放| 久久99精品久久久久久青青91| 欧美电影免费观看大全| 成人做爰www免费看视频网站| 亚洲一区二区三区在线视频| 国产精品av电影| 91精品国产九九九久久久亚洲| 国产精品一区二区久久久久| 亚洲视频精品在线| 亚洲成人av在线| 亚洲xxxx视频| 91黑丝在线观看| 欧美在线观看网址综合| 国产不卡av在线免费观看| 国产精品一区二区三区免费视频| 久久久免费高清电视剧观看| 在线播放日韩av| 欧美性猛交xxxx黑人猛交| 精品电影在线观看| www.xxxx精品| 亚洲成人激情视频| 亚洲欧美在线免费观看| 精品国产一区二区在线| 精品magnet| 欧美激情一区二区三区在线视频观看| 国产精品久久久久免费a∨大胸| 亚洲全黄一级网站| 亚洲精品久久久久久久久久久久久| 性欧美xxxx交| 日韩欧美精品中文字幕| 日韩在线观看免费全| www欧美xxxx| 一本色道久久88综合日韩精品| 久久精视频免费在线久久完整在线看| 久久亚洲电影天堂| 26uuu久久噜噜噜噜| 国产精品日日做人人爱| 国产精品久久久久久av福利软件| 欧美成人免费网| 日本精品久久中文字幕佐佐木| 麻豆一区二区在线观看| 亚洲精品免费av| 日韩精品视频在线观看网址| 91精品国产777在线观看| 亚洲成人激情小说| www.亚洲天堂| 红桃av永久久久| 一区二区三区www| 欧美一级片在线播放| 欧美午夜电影在线| 欧美日韩亚洲高清| 欧美制服第一页| 国产精品入口免费视| 中文字幕在线亚洲| www.日韩欧美| 久久99久久99精品免观看粉嫩| 亚洲欧美国产一区二区三区| 国产精自产拍久久久久久蜜| 午夜精品在线视频| 国产精品国产自产拍高清av水多| 欧美极品在线视频| 国产91久久婷婷一区二区| 91中文字幕在线观看| 欧美色道久久88综合亚洲精品| 亚洲天堂免费视频| 亚洲bt天天射| 日韩少妇与小伙激情| 成人啪啪免费看| 亚洲永久在线观看| 欧美成人精品不卡视频在线观看| 欧美视频免费在线观看| 亚洲视频在线观看网站| 亚洲一区二区三区sesese| 97精品一区二区三区| 欧美激情在线观看| 中文字幕亚洲专区| 欧美激情中文网| 国产一区二区三区日韩欧美| 成人国产精品色哟哟| 久久好看免费视频| 欧美在线视频免费| 91国产视频在线播放| 欧美在线观看一区二区三区| 国产亚洲精品美女久久久久| 国产69精品久久久久99| 国产成人91久久精品| 久久久精品中文字幕| 久久精品久久久久电影| 欧美极品美女电影一区| 国产成人久久久| 亚洲一区二区三区在线免费观看| 一区二区欧美在线| 亚洲精品456在线播放狼人| 久久久免费观看视频| 国产精品99导航| 欧美床上激情在线观看| 欧美精品videofree1080p| 美女999久久久精品视频| 亚洲欧美国产日韩天堂区| 国产日韩精品视频| 色噜噜亚洲精品中文字幕| 欧美性高潮床叫视频| 亚洲图片在区色| 欧美极品少妇xxxxⅹ免费视频| 国产视频久久网| 日韩有码片在线观看| 欧美精品免费播放| 韩国国内大量揄拍精品视频| 日本一区二三区好的精华液| xxx成人少妇69| 色综合色综合久久综合频道88| 98午夜经典影视| 色偷偷av亚洲男人的天堂| 色偷偷噜噜噜亚洲男人的天堂| 亚洲精品suv精品一区二区| 欧洲精品在线视频| 欧美韩国理论所午夜片917电影| 海角国产乱辈乱精品视频| 日韩精品在线观看网站| 在线播放日韩精品| 久久影视免费观看| 日韩电影免费观看在线| 国产一区av在线| 欧美日韩一区二区免费视频| 久久久久久久爱| 在线观看成人黄色| 欧美久久久精品| 日韩专区在线播放| 九九热这里只有精品6| 成人黄色在线观看|