- hover( over, out )을 지원하는 메서드
hover()로 마우스오버와 아웃을 동시 처리하는 예제입니다.
| 16.Hover.htm |
| <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>hover()로 마우스오버와 아웃을 동시 처리</title> <style type="text/css"> .hover { cursor: hand; background-color: Yellow; } </style> <script src="jQuery/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { $('table tr:gt(0)').hover(function() { $(this).addClass('hover'); }, function() { $(this).removeClass('hover'); }); $('table tr').slice(1, 3).addClass('hover'); }); //'table tr:gt(0) 0보다 큰것만 마우스 오버 효과가 나타남 </script> </head> <body> <table border="1"> <tr> <td>제목</td> </tr> <tr> <td>ASP.NET</td> </tr> <tr> <td>Silverlight</td> </tr> </table> </body> </html> |
| 결과화면 |
 [그림16-1] |
16.Hover.htm'jQuery | javascript | CSS' 카테고리의 다른 글
| 18.jQuery - CSS ( 18.CSS ) (0) | 2009.11.09 |
|---|---|
| 17.jQuery - One 메서드 ( 17.One ) (0) | 2009.11.06 |
| 15.jQuery - ToggleClass ( 15.ToggleClass ) (0) | 2009.11.06 |
| 14.jQuery - Toggle 메서드 토글링 ( 14.Toggle ) (0) | 2009.11.06 |
| 13.jQuery - Silce ( 13.Silce ) (0) | 2009.11.06 |
Comments