<div class="codetitle"> <span><a style="CURSOR: pointer" data="62969" class="copybut" id="copybut62969" onclick="doCopy('code62969')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code62969"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><제목></title> <br><script src="http://demo.jb51.net/jslib/jquery /jquery- 1.7.1.js" type="text/javascript"></script> <br><script type="text/javascript"> <br>$(function () { <br> $(" #panel").css("불투명도", "0.1");//투명도 설정<br>$("#panel").click(function () { <br>$(this).animate( { 왼쪽: "400px", 높이: "200px", 불투명도: "1" }, 3000)//3초 이내에 오른쪽으로 400px 이동하고, 높이를 200px 확대하고, 투명도를 1로 변경합니다 <br>.animate ({ top: "200px,width :200px" }, 3000) <br>.fadeOut("slow"); //페이드 아웃하여 숨기기<br>}) <br></script> ; <BR></ head> <br><body> <br><div id="panel" style=" 위치:상대적; 배경색: 올리브; 높이:100px; 너비:100px; 테두리: 1px; 테두리 색상:아쿠아 ;"> <br></div> <br></body> <br></html> <br><br> </div>
