jQuery 手風琴插件導航滑動伸縮型菜單



103 410 137



特效描述:手風琴導航 滑動伸縮菜單,基于jQuery伸縮型菜單(JS+CSS)

代碼結構

1. 引入CSS

<link rel='stylesheet' type='text/css' href='jquery.kwicks.css' />

2. 引入JS

<script src='js/jquery-1.8.1.min.js' type='text/javascript'></script>
<script src='js/jquery.kwicks.js' type='text/javascript'></script>

3. HTML代碼

<div id="topmenu">
	<ul>
		<li class="active"><a href="index.html">實例一</a></li>
		<li><a target="_blank" href="active-expanded-classes.html">實例二</a></li>
		<li><a target="_blank" href="anchor-markup.html">實例三</a></li>
		<li><a target="_blank" href="easing.html">實例四</a></li>
		<li><a target="_blank" href="responsive.html">實例五</a></li>  
		<li><a target="_blank" href="slideshow.html">實例六</a></li>
		<li><a target="_blank" href="vertical.html">實例七</a></li>
	</ul>
</div>
<ul class='kwicks kwicks-horizontal'>
	<li id='panel-1'></li>
	<li id='panel-2'></li>
	<li id='panel-3'></li>
	<li id='panel-4'></li>
</ul>
<script type='text/javascript'>
$(function() {
	$('.kwicks').kwicks({
		maxSize :250,
		spacing :5,
		behavior:'menu'
	});
});
</script>



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


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滑動手風琴
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子