 Carrousel.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> <link href="jquery.infinite-carousel.css" rel="stylesheet" type="text/css" /> <link href="periscope-theme-switcher.css" rel="stylesheet" type="text/css" /> <script src="../../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> <script src="jquery.infinite-carousel.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('#slider-stage').carousel('#previous', '#next'); }); </script> </head> <body> <div id="sliderBloc"> <a id="previous">이전</a> <div style="" id="slider-stage"> <div style="width: 512px;" id="slider-list"> <a class="theme"> <img src="../../ProductImages/BOOK-01.jpg" alt="좋은책" height="120" width="120" /> <span class="nameVignette">좋은 책</span> <span class="changeTheme">조은 책</span> </a> <a class="theme"> <img src="../../ProductImages/COM-01.jpg" alt="좋은 컴퓨터" height="120" width="120" /> <span class="nameVignette">좋은 컴퓨터 </span> <span class="changeTheme">조은 컴퓨터</span> </a> </div> </div> <a id="next">다음</a> </div> </body> </html> |
'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 90장 JQueryModel 파일 업로드 jQuery + Uploadify + ASP.NET (Uploadify.htm) (0) | 2009.11.25 |
|---|---|
| 89장 JQueryModel 로테인터 플러그인 (Rotator.htm) (0) | 2009.11.25 |
| 87장 JQueryModel 텍스트박스 자동 완성 기능(AutoComplete.htm) (0) | 2009.11.25 |
| 86장 JQuerySample 헤드 클릭시 해당 정렬 (TableSorting.htm) (0) | 2009.11.25 |
| 85장 JQuerySample 짝수행과 홀수행의 배경색 변경 (TablePlugIn.htm) (0) | 2009.11.25 |