웹프로그램밍 자료실/JAVA 자료
[해피CGI][cgimall] [jquery] LuminJS
해피CGI윤실장
2018. 9. 26. 09:23
페이지의 모든 텍스트를 점진적으로 강조 표시하는 JavaScript 라이브러리입니다.
* LuminJS
- 사용자가 중요한 텍스트에 집중할 수있게 해줄 때 유용합니다.
작업 진행 상황을 표시하는 데 사용할 수도 있습니다.
*
License
- MIT License
*
사용방법
- luminjs 스크립트 호출을 하고 하이라이트 줄 부분에 대한 선언을 아래와 같이
합니다
그리고 class 선언으로 container 영역을 생성하고 하이라이트 효과를
줄 텍스트 문구들을 아래와 같이 삽입하고 상단 스크립트에 선언한 버튼클릭시
하이라이트가 작동되도록 버튼을
넣어줍니다
제공되는 메서드는 아래와
같습니다
luminator.clear(); //강조표시가 진행중인 경우 표시를
중지합니다
luminator.start(5000); //강조표시를 시작합니다 인자값에 숫자를 높게
설정할수록 속도가 빨라집니다
luminator.progress(0 to 100); //진행율을 나타내며 100까지 값을
적용할 수 있습니다