<div class="codetitle"> <span><a style="CURSOR: pointer" data="36625" class="copybut" id="copybut36625" onclick="doCopy('code36625')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code36625"> <br><html> <br><제목> <br></title> <br><script src="js/jquery.min.js" type="text/javascript"></script> <br><script 언어="javascript" type="text/javascript"> <br>$(document).ready(function(){ <br>$("ul.menu li:first-child").addClass("current"); <br>$("div.content"). find("div.layout:not(:first-child)").hide(); <br>$("div.content div.layout").attr("id", function(){return idNumber(" 아니요") $("div.content div.layout").index(this)}); <br>$("ul.menu li").click(function(){ <br>var c = $(" ul.menu li"); <br>var index = c.index(this); <br>var p = idNumber("No"); <br>show(c,index,p); <br>}) ; <br><br>function show(controlMenu,num,prefix){ <br>var content= prefix num <br>$('#' content).siblings().hide(); '#' 콘텐츠).show(); <br>controlMenu.eq(num).addClass("current").removeClass("current") <br><br>함수 idNumber(prefix){ <br>var idNum = prefix; <br>return idNum>}); <br></script> <br><style type="text/css"> <br>* {여백:0; padding:0} <br>ul,li { <br>list-style:none <br>} <br>.box { <br>border:1px solid #ccc; <br>여백:10px; <br>} <br>.tagMenu { <br>높이: 24px; <br>위치:상대적; <br>border-bottom:1px solid #999 <br>} <br>.tagMenu ul { <br>위치:절대; <br>하단:-1px; <br>높이:26px; <br>} <br>ul.menu li { <br>float:left; <br>테두리 왼쪽:1px 솔리드 #999; <br>패딩:0 12px; <br>cursor:pointer <br>} <br>ul.menu li.current { <br>border:1px solid #999; <br>테두리 하단:없음; <br>배경:#fff; <br>높이:25px; <br>줄 높이:26px; <br>여백:0 <br>} <br>.content { 패딩:10px} <br></style> <br><본문> <br><div class="box"> <br><div class="tagMenu"> <br><ul class="menu"> <br><li>라벨 1.1</li> <br><li>라벨 1.2</li> <br><li>라벨 1.3</li> <br><li>라벨 1.4</li> <br></ul> <br></div> <br><div class="content"> <br><div class="layout">정보 1.1</div> <br><div class="layout">정보 1.2</div> <br><div class="layout">정보 1.3</div> <br><div class="layout">정보 1.4</div> <br></div> <br></div> <br></body> <br></html> <br><br> <br><br><br> </div>
