일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- #cgimall
- #jQuery
- #image
- jquery
- #동영상
- #해피CGI
- #happycgi
- 웹솔루션
- 홈페이지
- #쇼핑몰
- javascript
- #업종별
- #솔루션
- #뉴스
- 홈페이지제작
- #홈페이지제작
- #홈페이지
- #웹솔루션
- #CSS
- 사이트제작
- 해피CGI
- #이미지
- happycgi
- php
- 솔루션
- 쇼핑몰
- 해피씨지아이
- 게시판
- CGIMALL
- CSS
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] [jquery] LuminJS 본문
페이지의 모든 텍스트를 점진적으로 강조 표시하는 JavaScript 라이브러리입니다.
* LuminJS
- 사용자가 중요한 텍스트에 집중할 수있게 해줄 때 유용합니다.
작업 진행 상황을 표시하는 데 사용할 수도 있습니다.
*
License
- MIT License
*
사용방법
- luminjs 스크립트 호출을 하고 하이라이트 줄 부분에 대한 선언을 아래와 같이
합니다
그리고 class 선언으로 container 영역을 생성하고 하이라이트 효과를
줄 텍스트 문구들을 아래와 같이 삽입하고 상단 스크립트에 선언한 버튼클릭시
하이라이트가 작동되도록 버튼을
넣어줍니다
제공되는 메서드는 아래와
같습니다
luminator.clear(); //강조표시가 진행중인 경우 표시를
중지합니다
luminator.start(5000); //강조표시를 시작합니다 인자값에 숫자를 높게
설정할수록 속도가 빨라집니다
luminator.progress(0 to 100); //진행율을 나타내며 100까지 값을
적용할 수 있습니다
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 라디오버튼, 체크박스의 활성화 스타일을 설정할 수 있는 jquery (0) | 2018.09.26 |
---|---|
[해피CGI][cgimall] Widget Factory를 이용한 위젯의 속성 제어 jquery (0) | 2018.09.26 |
[해피CGI][cgimall] 다양한 모션을 한번에 확인하는 pavlyukpetr (0) | 2018.09.04 |
[해피CGI][cgimall] HTML Canvas Javascript Library (0) | 2018.08.30 |
[해피CGI][cgimall] theta 360 web viwer (0) | 2018.08.22 |
Comments