| Animate.htm |
| 간단설명) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 여러가지 효과를 동시에 처리 </title> <style type="text/css"> div { background-color:#bca; width:100px; border:1px solid green; } </style> <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { // Using multiple unit types within one animation. $("#go").click(function () { $("#block").animate({ width: "70%", opacity: 0.4, marginLeft: "0.6in", fontSize: "3em", borderWidth: "10px" }, 1500); }); }); </script> </head> <body> <button id="go">» Run</button> <div id="block">Hello!</div> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 55장 JQueryEffect 에니메이션 효과 정지 (Stop) (0) | 2009.11.12 |
|---|---|
| 54장 JQueryEffect 슬라이더 처리 (SlideExample) (0) | 2009.11.12 |
| 52장 JQueryEffect 보이기/숨기기 (SlideUp) (0) | 2009.11.12 |
| 51장 JQueryEffect 보이기/숨기기 (FadelnFadeOut) (0) | 2009.11.12 |
| 50장 JQueryEffect 서버 보이기/숨기기 (ShowHide) (0) | 2009.11.12 |