jquery豎直滑動手風琴菜單鼠標滑過菜單收縮展開



72 287 96



特效描述:jquery 豎直滑動 手風琴菜單 鼠標滑過 菜單收縮展開,jquery豎直滑動手風琴菜單鼠標滑過菜單收縮展開

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

2. HTML代碼

	<div class="demo">
		<h2>點擊觸發事件</h2>
		<div id="firstpane" class="menu_list">
			<p class="menu_head current">jquery圖片特效</p>
			<div class="menu_body">
				<a href="http://www.cqetom.live/" target="_blank" title="jquery圖片切換">jquery圖片切換</a>
				<a href="http://www.cqetom.live/" target="_blank" title="jquery幻燈片">jquery幻燈片</a>
				<a href="http://www.cqetom.live/" target="_blank" title="jquery圖片放大鏡">jquery圖片放大鏡</a>
			</div>
			<p class="menu_head">jquery導航菜單</p>
			<div class="menu_body">
				<a href="http://www.cqetom.live/" target="_blank" title="jquery動畫菜單">jquery動畫菜單</a>
				<a href="http://www.cqetom.live/" target="_blank" title="jquery樹形菜單">jquery樹形菜單</a>
				<a href="http://www.cqetom.live/" target="_blank" title="jquery下拉菜單">jquery下拉菜單</a>
			</div>
			<p class="menu_head">jquery選項卡特效</p>
			<div class="menu_body">
				<a href="http://www.cqetom.live/" target="_blank" title="jquery選項卡切換">jquery選項卡切換</a>
				<a href="http://www.cqetom.live/" target="_blank" title="jquery滑動選項卡">jquery滑動選項卡</a>
				<a href="http://www.cqetom.live/" target="_blank" title="jquery更多特效">jquery更多特效</a>		
			</div>
		</div><!--firstpane end-->
		<h2>滑過觸發事件</h2>
		<div id="secondpane" class="menu_list">
			<p class="menu_head current">js圖片特效</p>
			<div class="menu_body">
				<a href="http://www.cqetom.live/" target="_blank" title="js圖片切換">js圖片切換</a>
				<a href="http://www.cqetom.live/" target="_blank" title="js幻燈片">js幻燈片</a>
				<a href="http://www.cqetom.live/" target="_blank" title="js圖片放大鏡">js圖片放大鏡</a>
			</div>
			<p class="menu_head">js導航菜單</p>
			<div class="menu_body">
				<a href="http://www.cqetom.live/" target="_blank" title="js動畫菜單">js動畫菜單</a>
				<a href="http://www.cqetom.live/" target="_blank" title="js樹形菜單">js樹形菜單</a>
				<a href="http://www.cqetom.live/" target="_blank" title="js下拉菜單">js下拉菜單</a>
			</div>
			<p class="menu_head">js選項卡特效</p>
			<div class="menu_body">
				<a href="http://www.cqetom.live/" target="_blank" title="js選項卡切換">js選項卡切換</a>
				<a href="http://www.cqetom.live/" target="_blank" title="js滑動選項卡">js滑動選項卡</a>
				<a href="http://www.cqetom.live/" target="_blank" title="js更多特效">js更多特效</a>		
			</div>
		</div><!--secondpane end-->
	</div><!--demo end-->



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滾動切換 滾動條切換 滑動選項卡 滑動切換 選項卡切換 選項卡 切換 tab切換 頁面切換 選項卡插件 切換插件 滑動手風琴 滑動星星打分 收縮展開 展開收縮 收縮 展開 其他 收縮菜單 收縮導航 滑動手風琴 手風琴 水平手風琴 垂直手風琴 圖片手風琴 文字手風琴 手風琴插件 鼠標滑過 鼠標懸停 跟隨鼠標移動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子