ドラッグ中に色を変更する gihyojp Follow 2011-07-06 22:10:20 License: MIT License Fork5 Fav0 View4373 jQuery UIのドラッグ機能で、ドラッグ中に要素の色を変更する。 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 11 lines HTML 1 lines CSS 7 lines jQuery UIのドラッグ機能で、ドラッグ中に要素の色を変更する。 ドラッグ中に色を変更する jQuery UI v1.8.1 jQuery v1.6.1 $('.box').draggable({ // ドラッグ開始時に実行される start: function() { $(this).css('background', '#C00'); }, // ドラッグ終了時に実行される stop: function() { $(this).css('background', '#CCC'); } }); <div class='box'></div> ドラッグ中に色を変更する body { background: #FFF } div { width: 100px; height: 100px; background: #CCC; } jQuery UIのドラッグ機能で、ドラッグ中に要素の色を変更する。 $('.box').draggable({ // ドラッグ開始時に実行される start: function() { $(this).css('background', '#C00'); }, // ドラッグ終了時に実行される stop: function() { $(this).css('background', '#CCC'); } }); <div class='box'></div> body { background: #FFF } div { width: 100px; height: 100px; background: #CCC; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか? jQuery UIのドラッグ機能で、ドラッグ中に要素の色を変更する。 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/5Ges/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/gihyojp/lesson06_draggable_color" title="ドラッグ中に色を変更する">ドラッグ中に色を変更する - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Tweet twitter Forked sort new page view favorite forked forked: ドラッグ中に色を変更する _aoneko_ 00 72views 12/2/12 forked: ドラッグ中に色を変更する t_valiant 00 72views 12/1/7 forked: ドラッグ中に色を変更する ejstyle 00 108views 12/1/7 forked: ドラッグ中に色を変更する kenken1221 00 86views 12/1/7 1 2NEXT>>