.animate()で動かす（横幅・縦幅編） - jQuery syntax

.animate()でwidthやheightを変更してみましょう。 $(document).ready(function(){ $("#sample").css({width:0}); $("#sample").animate({width:"500px"},1000,"easeInOutExpo"); });こう書くことで#sampleの横幅を1000ミリ秒で500pxまで伸ばすアニメーションが出来上がります。 これだけだと何が何やらという感じですが、 <div id="sample"> <p>これはサンプルテキストです。</p> </div>このようなHTMLで #sample { overflow: hidden; width: 0; background: #c00; color: #fff; }CSSをこのようにして $(document).ready(function(){

[kaeru-kana]

これはすぐ試せそう！チェック(´▽`*) .animate()で動かす（横幅・縦幅編）