본문 바로가기
IT_Developers/Javascript

jQuery UI - Div 강조하기 / effect highlight

by 고코더 2019. 6. 3.

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가 강조되고 효과가 사라집니다.



마무리


사용자를 위한 개발자 배려


댓글