No.2ベストアンサー
- 回答日時:
<html>
<body>
<div id="a" class="ragimg" style="width:400px;height:400px;overflow:hidden; position:relative;">
<img src="hoge.jpg" class="dragimg" style="position:absolute;top:0px;left:0px;">
</div>
<script>
window.onload=function(){
var flag = 0;
var sx,sy;
window.document.onmousedown= function (e){
var o=e?e.target:event.srcElement;
if(o.className !='dragimg') return;
flag = 1;
sx=((/*@cc_on!@*/false)? event.x :e.pageX) -parseInt(o.style.left);
sy=((/*@cc_on!@*/false)? event.y :e.pageY) -parseInt(o.style.top);
return false;
}
window.document.onmouseup = function(){ flag=0;return false; }
window.document.onmousemove = function(e){
if (!flag) return;
var o=e?e.target:event.srcElement;
o.style.top = ((/*@cc_on!@*/false)? event.y :e.pageY)-sy +'px';
o.style.left= ((/*@cc_on!@*/false)? event.x :e.pageX)-sx +'px';
return false;
}
}
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptとcookieを利用して...
-
ラジオボックスなどを用いた設...
-
onchangeイベントを使ってspan...
-
任意の座標をクリックさせるには
-
句点“。”で区切り、“。”も含め...
-
大分類・中分類・小分類のvalue...
-
同じIDで定義した要素の配列を...
-
Boolean型配列中のTrueの有無を...
-
C#OpenCv V4にのエラーに関する...
-
google apps scriptの終了のさせ方
-
undefinedを表示させない方法は...
-
getElementByIdを使用したグロ...
-
15パズルの作り方が分かりません!
-
googleMapでアイコン変更すると...
-
Javascriptの丸括弧の意味
-
javascriptの正規表現で変数を扱う
-
「javascript」のプログラミン...
-
マウスでポイントすると説明を表示
-
数字とプラス以外の入力をチェ...
-
要素名がスペースを含む場合のj...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ActiveXobjectが作成できない
-
<a>タグのテキストを取得
-
重複しないくじの作り方がわか...
-
任意の座標をクリックさせるには
-
javascriptでCSVを呼出しvlookup
-
innerHTML実行後のイベント
-
HTML:Tableタグに対し、JavaScr...
-
onchangeイベントを使ってspan...
-
WordPressのコンタクトフォーム...
-
appendChildがieだとできない??
-
配列の大括弧と丸括弧はどう違う?
-
JavaScriptでオブジェクトを取...
-
【Tabキー】特定の範囲内だけで...
-
div要素内の全input要素をdisable
-
問題はbind の付いたリスナーを...
-
モーダルダイアログウィンドウ...
-
テキストボックスがブランクの...
-
javascript 特定のタグのidの存...
-
日本語入力の禁止
-
javascriptで編集可能不可能の...
おすすめ情報