jquery插件 手风琴
2012-03-28 21:41
225 查看
<html>
<head>
<title>手风琴效果</title>
<script type="text/javascript" language="javascript" src="./js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="./js/jquery-ui.js"></script>
<link rel="stylesheet" href="./css/jquery-ui.css" />
<script language="javascript" type="text/javascript">
$(function(){
$("#accordion").accordion({
header:"h2",
event:"mouseover",
autoHeight:true,
fillSpace:true,
})
});
</script>
</head>
<body>
<div id="accordion" style="width:600px; height:500px; border:#00C solid 5px;">
<div>
<h2><a href="#">一</a></h2>
<div>你信不信我是手风琴</div>
</div>
<div>
<h2><a href="#">二</a></h2>
<div>你信不信我是钢琴</div>
</div>
<div>
<h2><a href="#">三</a></h2>
<div>你信不信我是蘑菇</div>
</div>
<div>
<h2><a href="#">四</a></h2>
<div>你信不信我是超人</div>
</div>
<div>
<h2><a href="#">五</a></h2>
<div>你信不信我是汽油</div>
</div>
<div>
<h2><a href="#">六</a></h2>
<div>你信不信我是大葱</div>
</div>
<div>
<h2><a href="#">七</a></h2>
<div>你信不信我不是人</div>
</div>
</div>
</body>
</html>
<head>
<title>手风琴效果</title>
<script type="text/javascript" language="javascript" src="./js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="./js/jquery-ui.js"></script>
<link rel="stylesheet" href="./css/jquery-ui.css" />
<script language="javascript" type="text/javascript">
$(function(){
$("#accordion").accordion({
header:"h2",
event:"mouseover",
autoHeight:true,
fillSpace:true,
})
});
</script>
</head>
<body>
<div id="accordion" style="width:600px; height:500px; border:#00C solid 5px;">
<div>
<h2><a href="#">一</a></h2>
<div>你信不信我是手风琴</div>
</div>
<div>
<h2><a href="#">二</a></h2>
<div>你信不信我是钢琴</div>
</div>
<div>
<h2><a href="#">三</a></h2>
<div>你信不信我是蘑菇</div>
</div>
<div>
<h2><a href="#">四</a></h2>
<div>你信不信我是超人</div>
</div>
<div>
<h2><a href="#">五</a></h2>
<div>你信不信我是汽油</div>
</div>
<div>
<h2><a href="#">六</a></h2>
<div>你信不信我是大葱</div>
</div>
<div>
<h2><a href="#">七</a></h2>
<div>你信不信我不是人</div>
</div>
</div>
</body>
</html>
相关文章推荐
- jquery插件之手风琴
- 基于jQuery开发的手风琴插件 jquery.accordion.js
- 精心挑选的12款优秀 jQuery 手风琴效果插件和教程
- jQuery仿手风琴效果另一种实现方式,非插件.原创
- bootstrap中jquery插件——collapse折叠效果-手风琴效果
- 精心挑选的12款优秀 jQuery 手风琴效果插件和教程
- jQuery插件的使用 --- 手风琴的效果
- jquery手风琴效果插件
- 基于jQuery的简易手风琴切换插件
- 精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
- jquery插件实现手风琴效果!
- 炫酷的jQuery手风琴图片和菜单插件及源码
- bootstrap-简洁实用的jQuery手风琴插件
- 基于jQuery开发的手风琴插件 jquery.accordion.js
- jquery插件--实现手风琴效果
- 用jquery插件实现手风琴效果
- Jquery学习插件之手风琴
- jquery插件手风琴效果
- JQuery带手风琴菜单的图片播放插件
- jquery插件开发之实现jquery手风琴功能分享