Div 반짝 거리게 하기
안녕하세요.
고코더 입니다.
Div안에는 많은 것들을 담습니다.
사이트는 강조해야 할 Div가 존재하게 됩니다.
● 1. 얼마전에 만든 제가 만든 QR코드 만들기 사이트에
접속시에 해당 네모 DIV안에 이미지가 나타난다고
알려주고 싶더군요
그래서 알아본 결과
jQuery UI에 제공하는 간단하고
강력력한 기능인 effect를 사용하는 방법이 있습니다.
● 2. 아래에 코드를 웹에서 실행해보세요.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <html> <head> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> <script> $( document ).ready(function() { $('#GoCoderDiv').effect("highlight", 1000); }); </script> </head> <body> <div id="GoCoderDiv"> DIV 강조 </div> </body> </html> | cs |
● 3. 아래처럼 Div가 강조되고 효과가 사라집니다.
마무리
사용자를 위한 개발자 배려
'IT_Developers > Javascript' 카테고리의 다른 글
| JavaScript - setTimeout(), setInterval() 차이점 예제 (1) | 2019.06.17 |
|---|---|
| jQuery UI - 이미지 드래그, 리사이징 / resizable() draggable() (0) | 2019.06.11 |
| JavaScript - 사파리에서 body, HTML에 클릭(click) 이벤트가 바인딩 되지 않는다. (0) | 2019.05.22 |
| jQuery - 가볍고,간단한 깔끔한 화면 한쪽 팝업 / jGrowl (1) | 2019.05.21 |
| jQuery - 이미지의 img src 태그로 선택하기 (0) | 2019.04.12 |
댓글