일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #쇼핑몰
- 게시판
- #jQuery
- #웹솔루션
- #솔루션
- 쇼핑몰
- #뉴스
- #이미지
- CSS
- #동영상
- #업종별
- 해피씨지아이
- #image
- happycgi
- #CSS
- #happycgi
- #해피CGI
- 사이트제작
- php
- #홈페이지제작
- javascript
- 홈페이지
- #cgimall
- 웹솔루션
- 해피CGI
- 홈페이지제작
- CGIMALL
- #홈페이지
- 솔루션
- jquery
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] jquery 를 이용한 크로싱 스크롤바 소스 scrollbar 플러그인 본문
웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] jquery 를 이용한 크로싱 스크롤바 소스 scrollbar 플러그인
해피CGI윤실장 2018. 12. 11. 09:18
라운드 형태의 스크롤 디자인부터 rail 형태의 스크롤바등 여러개의 모양으로 변경하여 이용할 수 있는
크로싱 스크롤 소스입니다.
사용조건은 아래와 같습니다.
소스내에 아래의 style 소스와 js 소스를 반드시 입력되어있어야 합니다.
<link rel="stylesheet" href="../includes/style.css" />
<script src="../includes/jquery.js"></script>
<script src="../jquery.scrollbar.js"></script>
또한 각 style 소스내에 id 값을 가진 css 소스도 삽입되어야 합니다.
<style type="text/css" id="css-common">
....
</style>
위 조건을 만들어주셨다면
<div class="wrapper scrollbar-dynamic"> 라는 각 class 명에 삽입될 scrollbar-dynamic 등으로 구분된 class 명칭을
작성하시면 해당 스크롤 바의 모양을 이용하여 적용할 수 있게됩니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] CKEditor 플러그인 Keep TextSelection (0) | 2018.12.13 |
---|---|
[해피CGI][cgimall] CKEditor 플러그인 Spacing Sliders (0) | 2018.12.12 |
[해피CGI][cgimall] Pretty Bootstrap-style Datetime Picker Plugin - Perfect-DateTimePicker (0) | 2018.12.07 |
[해피CGI][cgimall] jQuery UI Draggable + Sortable (0) | 2018.12.06 |
[해피CGI][cgimall] 제이쿼리를 이용한 다양한 스크롤바 스타일 설정 (0) | 2018.12.03 |
Comments