jquery插件 手风琴

<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手风琴画廊

2013年09月05日 1.33MB 下载

jquery插件——手风琴效果

2010年09月06日 412KB 下载

没有更多推荐了,返回首页

不良信息举报

jquery插件 手风琴

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭