jQuery css動画

jQueryのanimateメソッドを利用して、css属性を動的に設定することができます。

jQueryマジック

ソースコード：

<script type="text/javascript">
    $(function(){
        $("#div01").css({"font-size":"16px"});
        $("#btn01").click(function(){
            $("#div01").animate({"font-size":"32px"});
            $("#div01").animate({"font-size":"16px"});
            
            // 別の書き方 
            //$("#div01").animate({"fontSize":"32px"});
            //$("#div01").animate({"fontSize":"16px"});
        });
        
    });
</script>

<button id="btn01">確定</button>
<div id="div01">jQueryマジック</div>