웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] [jquery] LuminJS 본문

웹프로그램밍 자료실/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까지 값을 적용할 수 있습니다



홈페이지바로가기 소스다운로드

Comments