jQuery 手风琴插件导航滑动伸缩型菜单



96 382 128



特效描述:手风琴导航 滑动伸缩菜单,基于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

加群请备注:从官网了解到