jQuery 예제 모음

시삽: 레드플러스 님 
게시판 이동:
 제목 : jQuery UI effect() 메서드 : 미리 정의된 이펙트 명령어 적용
글번호: 1
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2012/05/15 오전 4:23:35
조회수: 2497
<!DOCTYPE html>

<html lang="ko">
<head>
    <meta charset="utf-8" />
    <title>Effect 메서드</title>
    <style type="text/css">
        #theEffect
        {
            width:100px; height:100px; background-color:Yellow; border:1px solid red;
        }
    </style>
    <script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#theEffect').click(function () {
                // 미리 정의된 이펙트 명령어 사용
                $(this).effect("bounce").effect("explode", { pieces: 16 }, "slow", function () {
                    alert('완료');
                });
            });
        });
    </script>
</head>
<body>
    <h1>jQuery Effects</h1>
    <h3>Effect 메서드</h3>

    <div id="theEffect"></div>
</body>
</html>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 jQuery UI Easing Function : 미리 정의된 32가지 효과 부여하기 - Administrator 2012-05-15 2693
현재글 jQuery UI effect() 메서드 : 미리 정의된 이펙트 명령어 적용 - Administrator 2012-05-15 2497
다음글 (다음 글이 존재하지 않습니다.)
 
손님 사용자 Anonymous (손님)
로그인 Home