jQuery 예제 모음

시삽: 레드플러스 님 
게시판 이동:
 제목 : jQuery UI Easing Function : 미리 정의된 32가지 효과 부여하기
글번호: 2
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2012/05/15 오전 4:44:29
조회수: 5256
<!DOCTYPE html>

<html lang="ko">
<head>
    <meta charset="utf-8" />
    <title>Easing Function</title>
    <style type="text/css">
        #theEasing { width:100px; height:100px; background-color:Yellow; }
    </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 () {
            $('#theEasing').click(function () {
                $(this).css("position", "relative");

                // easing function 데모 : http://jqueryui.com/demos/effect/#easing
                //$(this).animate({ left: 300 }, 1000, "linear");
                $(this).animate({ left: 300 }, 1000, "easeInElastic");
            });
        });
    </script>
</head>
<body>
    <h1>jQuery Effects</h1>
    <h3>Easing Function</h3>

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


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 jQuery UI의 toggleClass 메서드로 2가지 상태로 모양을 변경하기 - Administrator 2012-05-15 4914
현재글 jQuery UI Easing Function : 미리 정의된 32가지 효과 부여하기 - Administrator 2012-05-15 5256
다음글 jQuery UI effect() 메서드 : 미리 정의된 이펙트 명령어 적용 - Administrator 2012-05-15 4871
 
손님 사용자 Anonymous (손님)
로그인 Home