说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

用JQuery插件轻松实现accordion折叠菜单

HTML文档下载 WORD文档下载 PDF文档下载
accordion插件是JQuery UI中的一部分,本文介绍一下基本的使用方法。

下载源代码

 

 

accordion插件是JQuery UI中的一部分,下面介绍一下基本的使用方法。

 

一、包含文件

 

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script><script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>

二、HTML中的文字

 

 

<div id="accordion">	<h3><a href="#">区域1</a></h3>	<div>		<p>		这是区域1中的内容 http://www.okbase.net/home/haobao</p>	</div>	<h3><a href="#">区域2</a></h3>	<div>		<p>		这是区域2中的内容		</p>	</div>	<h3><a href="#">区域3</a></h3>	<div>		<p>		hi! 这是区域3中的内容</p>		<ul>			<li>List item one</li>			<li>List item two</li>			<li>List item three</li>		</ul>	</div>	<h3><a href="#">区域4</a></h3>	<div>		<p>		大家好!这是区域4中的内容		</p>	</div></div>

三、调用代码

 

 

<script>$(function() {	$( "#accordion" ).accordion();});</script>

站在巨人的肩膀上,就这么简单!

 

 

 

备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘