Javascript Patchworker
top information javascript html css 閉鎖中です link

オブジェクトを自在に移動

 

icon このスクリプトについて
 対象のオブジェクト(主に画像)をマウスドラッグで動かせます。ちょうどWindowsのファイル/フォルダ操作の感覚で動かせるため、殆どのユーザに分かりやすい操作性を与えます。複数のオブジェクトに指定できるので、JavaScriptを利用したゲームなどに利用してください。IE専用です。
 また、サンプルの画像は変な位置に表示されいると思います。邪魔なようでしたら動かしてください(笑)

icon 実行例






icon 関連

CSS : ポジション関連

icon 対応ブラウザ
WIN IE 4.0〜 NN -〜 MAC IE 4.0〜 NN -〜

icon サンプルソース

icon ユーザ設定
 ユーザが設定する変数は特にありませんが、topleftの属性を適宜調節してください。(詳しくはポジション関連)。
 また、対象要素を増やす場合には、
 onDrag="objectMove('要素のID')"
を属性として付け加えてください。また、<style>〜<style>
 #要素のID{ 〜サンプルをコピー〜 }
を付け加え、topleftの値を適宜変更してください。

icon JavaScriptのTOPに戻る   icon TOPに戻る

ホーム - 更新履歴 - ダイアリー - インフォメーション - JavaScript - HTML - CSS - BBS - リンク集
このサイトへのリンクはご自由に。一言掲示板かメールで断っていただけるとありがたいです。
メールでの質問・要望は受け取れない場合がございますので、なるべくメッセンジャーでの質問・要望をお願いします。
Copyright © 2005 ミケネコ (neko_141@hotmail.com) All Rights Reserved.