[PR] この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。
<body bgcolor="#515151">
<style type="text/css">
<!--
.Style1{
position: absolute;
left: 100px;
top: 100px;
width: 450px;
height: 40px;
font-size: 28pt;
font-weight: bold;
color: #0000ff;
}
#iL1 { position: absolute; top: 100px; left: 100px; width: 450px; height: 40px; visibility: visible; display: block }
-->
</style>
<script language="javascript" type="text/javascript">
<!--
//ブラウザのバージョンチェック
var brw_v = navigator.appVersion.charAt(0);
var brw_n = navigator.appName.charAt(0);
var iIE4 = false;
var iNN4 = false;
if((brw_v >= 4)&&(brw_n == "M"))iIE4 = true;
if((brw_v >= 4)&&(brw_n == "N"))iNN4 = true;
var M_flag = false;
var dx,dy;
function Init(){
if(iIE4){
document.onmousedown = Mdown;
document.onmouseup = Mup;
lay = document.all("iL1");
document.onmousemove = Mmove;
}
if(iNN4){
window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
window.captureEvents(Event.MOUSEMOVE);
lay = document.layers["iL1"];
window.onmousedown = Mdown;
window.onmouseup = Mup;
window.onmousemove = Mmove;
}
}
function Mdown(e){
if(iIE4){
dx = event.offsetX;
dy = event.offsetY;
}
if(iNN4){
dx = e.layerX;
dy = e.layerY;
}
M_flag = true;
return false;
}
function Mup(e){
M_flag = false;
return false;
}
function Mmove(e){
if(iIE4){
if(M_flag){
lay.style.posLeft = event.clientX - dx;
lay.style.posTop = event.clientY - dy;
}
event.returnValue = false;
}
if(iNN4){
if(M_flag){
lay.left = e.pageX - dx;
lay.top = e.pageY - dy;
}
return false;
}
}
// -->
</script>
<body onload="Init()">
<DIV>文字をマウスでドラッグ＆ドロップしてみよう＾＾。</DIV>
<DIV ID="iL1" CLASS="Style1">Styong coffeeが動く!</DIV>
</p>
</body>