| Effect_ShowHide.htm |
| 간단설명) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 서버 보이기 및 숨기기 </title> <style type="text/css"> #my .hover {cursor:pointer; background-color:Yellow;} </style> <script src="../../jquery-1[1].3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $("#btn").click(function () { $('#first').fadeIn('slow'); $('#second').fadeOut('slow'); }); }); </script> </head> <body> <input type="button" id="btn" value="페이드 효과 주기" /> <div id="first" style="display:none ;background-color:Yellow;"> 첫번째 영역 </div> <div id="second"> 두번째 영역 </div> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 52장 JQueryEffect 보이기/숨기기 (SlideUp) (0) | 2009.11.12 |
|---|---|
| 51장 JQueryEffect 보이기/숨기기 (FadelnFadeOut) (0) | 2009.11.12 |
| 49장 JQueryEvent 동적으로 다른 이벤트 호출 (Unbind) (0) | 2009.11.12 |
| 48장 JQueryEvent 동적으로 다른 이벤트 호출 (Trigger) (0) | 2009.11.12 |
| 46장 JQueryCSS 검색된 요소 구하기 (OuterWidthAndHeight) (0) | 2009.11.11 |