关闭

jquery插件 手风琴

255人阅读 评论(0) 收藏 举报

<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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:33639次
    • 积分:1141
    • 等级:
    • 排名:千里之外
    • 原创:106篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条