アニメーションする属性の複数指定 gihyojp Follow 2011-03-13 23:34:43 License: MIT License Fork17 Fav0 View7674 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 11 lines HTML 2 lines CSS 8 lines アニメーションする属性の複数指定 jQuery v1.5.1 $box = $('#box'); $('#start').click(function() { // reset $box.css({ top: 0, width: 100 }).stop(); // start $box.animate({ top: 300, width: 300 }); }); <p><button id='start'>start</button></p> <div id='box'></div> アニメーションする属性の複数指定 #box { width: 100px; height: 100px; border: 1px solid #333; background: #EEE; position: relative; top: 0; } $box = $('#box'); $('#start').click(function() { // reset $box.css({ top: 0, width: 100 }).stop(); // start $box.animate({ top: 300, width: 300 }); }); <p><button id='start'>start</button></p> <div id='box'></div> #box { width: 100px; height: 100px; border: 1px solid #333; background: #EEE; position: relative; top: 0; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/4j9v/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/gihyojp/lesson04_jq_animate_multi_property" title="アニメーションする属性の複数指定">アニメーションする属性の複数指定 - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Tweet twitter Forked sort new page view favorite forked forked: アニメーションする属性の複数指定 Takahiro.Shi.. 00 48views 12/2/8 forked: アニメーションする属性の複数指定 yamada369 00 76views 12/2/8 forked: アニメーションする属性の複数指定 narancha1219.. 00 109views 11/2/8 forked: アニメーションする属性の複数指定 narancha1219.. 00 101views 12/2/8 1 2 3 4 5NEXT>>
