jquery 手风琴菜单
2013-09-05 20:23
302 查看
本文章是一款jquery 手风琴菜单效果代码，就是像折叠的菜单效果，在www.php100.com网站右边就可以看到这种效果，非常漂亮实例的，但那网站用的js效果。本文章是一款jquery 手风琴菜单效果代码，就是像折叠的菜单效果，在www.php100.com网站右边就可以看到这种效果，非常漂亮实例的，但那网站用的js效果。
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 手风琴菜单</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<link rel="stylesheet" type="text/css教程" href="css/style.css" />
<script type="text/网页特效" src="js/acccontrol.js"></script>
<script type="text/javascript">
//加载效果
window.onload = function(){
ex = new acccontrol("accordion_panel1");
};
</script>
</head>
<body>
<div id="accordion_panel1" class="panel">
<h3 class="gray-top">top downloads</h3>
<div>
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="gray">virtual panda</h3>
<div>
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="gray">google news</h3>
<div>
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="deep">monkey mirror</h3>
<div class="panel-bottom">
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="deep-bottom"> </h3>
</div>
</body>
</html>
源码下载地址
http://down.php100.com/down/code/js/2010/0913/20771.html
效果预览地址
http://g.111cn.cn/javascript/js/20100913/menu
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 手风琴菜单</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<link rel="stylesheet" type="text/css教程" href="css/style.css" />
<script type="text/网页特效" src="js/acccontrol.js"></script>
<script type="text/javascript">
//加载效果
window.onload = function(){
ex = new acccontrol("accordion_panel1");
};
</script>
</head>
<body>
<div id="accordion_panel1" class="panel">
<h3 class="gray-top">top downloads</h3>
<div>
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="gray">virtual panda</h3>
<div>
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="gray">google news</h3>
<div>
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="deep">monkey mirror</h3>
<div class="panel-bottom">
<ol>
<li>itunes 7.6.2</li>
<li>quicktime 7.5</li>
<li>safari 3.1.1</li>
<li>messenger for mac</li>
<li>mozilla firefox</li>
<li>deluxe pocmon mac</li>
<li>countdown maker</li>
<li>smilebox</li>
<li>oscillating rhythms</li>
</ol>
</div>
<h3 class="deep-bottom"> </h3>
</div>
</body>
</html>
源码下载地址
http://down.php100.com/down/code/js/2010/0913/20771.html
效果预览地址
http://g.111cn.cn/javascript/js/20100913/menu
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 基于JQuery的一句话搞定手风琴菜单
- jQuery 手风琴侧边菜单
- 基于Jquery代码实现手风琴菜单
- 基于jQuery实现以手风琴方式展开和折叠导航菜单
- jQuery简单的手风琴菜单
- jQuery实现可展开合拢的手风琴面板菜单
- 炫酷的jQuery手风琴图片和菜单插件及源码
- 使用jQuery创建简单的手风琴菜单
- jquery实现侧边栏手风琴三级导航菜单demo
- 【HUI】AccordionMenu 手风琴菜单(基于jQuery)
- JQuery一句话搞定手风琴菜单
- 垂直手风琴5级菜单！用js+jquery动态加载菜单，附上源码hezhu和注释
- jQuery&HTML&CSS3实现垂直手风琴折叠菜单方法讲解
- jQuery实用可展开、折叠的竖向手风琴菜单
- Jquery 手风琴菜单
- 基于JQuery的一句话搞定手风琴菜单
- Jquery 垂直多级手风琴菜单附源码下载