jQuery > Animation > Click

by s_hiroshi

HTML

<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<div id="foo">box</div>

CSS

div#foo {
    /*
     *
     * jQuery.animateで絶対位置を操作するときは
     * position absoluteは必須
     *
     */
    position: absolute;
    width: 100px;
    height: 100px;
    background: #eee;
}

JavaScript

$("#foo").click(function() {
    $(this).animate({
        'top': "250px",
        'left': "350px"
    }, 1500, "swing");
});
// jquery.easing.1.3.js 
// 上記プラグインを使うとイージングのエフェクトを追加できるが未解決