jquery-loading
Javascript 하면 jQuery 를 빠트리고 얘기 할 수가 없겠죠? 저 같은 경우에도 jQuery 의 사용 비중을 정말 많이 줄인다고는 하고 있지만 절대 아예 사용을 하지 않을 수는 없는 것이 jquery 인 것 같습니다.
이번 포스팅에서는 몇일 전에 사용하였던 jquery-loading 플러그인을 소개 해드릴까 합니다. jquery-loading 의 경우 사용방법이 아주 간단하고 표시되는 로딩도 아주 깔끔합니다.
그리고 무엇보다 다른 로딩 플러그인과는 다르게 로딩이 표시 되는 영역을 지정하지 않아도 되는 점이 마음에 들었습니다.
jquery-loading 다운로드
Homepage : http://carlosbonetti.github.io/jquery-loading
Github : https://github.com/CarlosBonetti/jquery-loading
jquery-loading 을 다운로드 하는 방법은 npm 을 사용하거나 bower 를 사용하면 되는데요. 이 두 가지 모두 싫으시다면 그냥 Github 홈페이지에 접속하셔서 js, css 파일을 각각 직접 다운로드 하시면 됩니다.
bower를 사용하여 다운로드
$ bower install jquery-loading
npm을 사용하여 다운로드
$ npm install --save-dev jquery-easy-loading
사용방법
<-- body로딩 되어 지는 부분 입니다.body !-->
간단하죠? 좀 더 자세한 예제 및 사용방법은 홈페이지를 방문해보세요.
'Javascript > jQuery' 카테고리의 다른 글
[Javascript] 특정 영역을 프린트 하는 방법 (0) | 2018.12.03 |
---|---|
[jQuery 플러그인] "jQuery oLoader" 간단하게 로딩(Loading) 구현하기 (0) | 2015.10.12 |
[jQuery 함수] has() 특정 element를 자식으로 가지고 있는 dom element 선택하기 (0) | 2015.07.27 |
[jQuery 함수] $.trim() 문자열 공백 제거하기 (0) | 2015.07.27 |
[jQuery 함수] clone() dom element 복사하기! (0) | 2015.07.27 |