「範囲js」(2009/06/16 (火) 13:59:23) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
#javascript(){{
<SCRIPT language="JavaScript">
<!--
// ドラッグして画像を移動する
x = 100; // マウスと画像の縦方向の距離
y = 200; // マウスと画像の横方向の距離
flag = false;
window.document.onmousemove = dragImg;
window.document.onmouseup = dragOff;
function dragOn(n) {
flag = true;
movName = n;
}
function dragOff() {
flag = false;
}
function dragImg() {
if(!flag) return;
document.images[movName].style.top = event.y - y;
document.images[movName].style.left = event.x - x;
return false;
}
//-->
<!--
// 矢印キーで画像を移動する
u = 1; // 上に進む移動量
d = 1; // 下に進む移動量
l = 1; // 左に進む移動量
r = 1; // 右に進む移動量
function moveImg() {
k = event.keyCode;
x = mov1.style.posLeft;
y = mov1.style.posTop;
if(k == 38) y = y - u;
if(k == 40) y = y + d;
if(k == 37) x = x - l;
if(k == 39) x = x + r;
mov1.style.posLeft = x;
mov1.style.posTop = y;
}
window.document.onkeydown = moveImg;
//-->
</SCRIPT>
}}
#html2(){
<IMG src="http://www19.atwiki.jp/chocokun/pub/pict/bd.gif" name="mov1" style="position:absolute; right:0px; filter: Alpha(opacity=30);" onMousedown="dragOn('mov1')">
}
#javascript(){{
<SCRIPT language="JavaScript">
<!--
// ドラッグして画像を移動する
x = 200; // マウスと画像の縦方向の距離
y = 100; // マウスと画像の横方向の距離
flag = false;
window.document.onmousemove = dragImg;
window.document.onmouseup = dragOff;
function dragOn(n) {
flag = true;
movName = n;
}
function dragOff() {
flag = false;
}
function dragImg() {
if(!flag) return;
document.images[movName].style.top = event.y - y;
document.images[movName].style.left = event.x - x;
return false;
}
//-->
<!--
// 矢印キーで画像を移動する
u = 1; // 上に進む移動量
d = 1; // 下に進む移動量
l = 1; // 左に進む移動量
r = 1; // 右に進む移動量
function moveImg() {
k = event.keyCode;
x = mov1.style.posLeft;
y = mov1.style.posTop;
if(k == 38) y = y - u;
if(k == 40) y = y + d;
if(k == 37) x = x - l;
if(k == 39) x = x + r;
mov1.style.posLeft = x;
mov1.style.posTop = y;
}
window.document.onkeydown = moveImg;
//-->
</SCRIPT>
}}
#html2(){
<IMG src="http://www19.atwiki.jp/chocokun/pub/pict/bd.gif" name="mov1" style="position:absolute; right:0px; filter: Alpha(opacity=30);" onMousedown="dragOn('mov1')">
}
表示オプション
横に並べて表示:
変化行の前後のみ表示: