<div class="codetitle"> <span><a style="CURSOR: pointer" data="38082" class="copybut" id="copybut38082" onclick="doCopy('code38082')"><u>复制代码</u></a></span>代码如下:</div> <div class="codebody" id="code38082"> <br>//jquery实现手风琴效果 <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br><title>手风琴</title> <br><br><script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js"> <BR></script> <br><script type="text/javascript" language="javascript" src="jquery-ui-1.8.18.custom.min.js"> <br></script> <br><link rel="stylesheet" href="ui-lightness/jquery-ui-1.8.18.custom.css"/> <br><script type="text/javascript" language="javascript"> <br>$(function(){ <br> $("#accordion").accordion( <br> { <br> header: "h3", <br> イベント: "mouseover", <br> icons:{ <br> header:"ui-icon-carat-2-e-w" <br> }, <br> } <br><br> ).sortable({ <br> axis:"Y"//拖動效果上下拖アニメーション 默认は左右拖アニメーション <br> }); <br> }) <br></script> <br></head> <br> <br><div id="accordion" style="width:600px; height:600px; border:1px #F00 Solid"> <BR> <div> <BR> <h3><a href="#">最初</a></h3> <br> <div>Lorem ipsum dolor sit amet.ロレム・イプサム・ドール・シット・アメット。 Lorem ipsum dolor sit amet.</div> <br> </div> <br> <div> <br> <h3><a href="#">2 番目</a></h3> <br> <div>Phasellus mattis tincidunt nibh.</div> <br> </div> <br> <div> <br> <h3><a href="#">3 番目</a></h3> <br> <div>悠悠</div> <br> </div> <br> </div> <br></body> <br></html> <br> </div>
