<div class="codetitle"> <span><a style="CURSOR: pointer" data="38082" class="copybut" id="copybut38082" onclick="doCopy('code38082')"><u>复aze代码</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" 언어="javascript" src="jquery-1.7.1.min.js"> <br></script> <br><script type="text/javascript" 언어="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" 언어="javascript"> <br>$(function(){ <br> $("#accordion").accordion( <br> { <br> 헤더: "h3", <br> 이벤트:"mouseover", <br> 아이콘:{ <br> 헤더:"ui-icon-carat-2-e-w" <br> }, <br> } <br><br> ).sortable({ <br> 축:"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. Lorem ipsum dolor sit amet.</div> <br> </div> <br> <div> <br> <h3><a href="#">초></h3> <br> <div>Phasellus mattistincidunt nibh.</div> <br> </div> <br> <div> <br> <h3><a href="#">세 번째></h3> <br> <div>悠悠</div> <br> </div> <br> </div> <br></body> <br></html> <br> </div>
