jQuery UIのdraggable・droppableを使ってボックスエリアをドラック＆ドロップ｜DAD UNION – エンジニア同盟
jQuery UIのdraggable・droppableを使って、ボックスエリアをドラッグ＆ドロップする方法をご紹介します。 WordPress管理画面の「外観」→「ウィジェット」みたいなイメージです。 jQuery UIのdraggable・droppableを使ってボックスエリアをドラッグ＆ドロップするCSSの記述 ※jquery-ui.cssファイルを読み込みます。ドラッグ＆ドロップエリア（#draggable1、#draggable2、#droppable）のCSS記述です。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ margin:0; padding:0; } h1{ font-size:16px; font-weight:normal; line-height:1.8em; text-align:center; padd
jQuery UIのshow()エフェクトを使ってアニメーション演出｜DAD UNION – エンジニア同盟
jQuery UIのshow()エフェクトを使ってアニメーション演出するJs読込ファイル ※jquery.min.js、jquery-ui.min.jsファイルを読み込みます。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> show()エフェクトを使ってアニメーション演出するCSSの記述 ※「h1、h2、idDiv」を非表示にしてます。必要に応じて変更して下さい。 <style type="text/css"> <!-- body {
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
