|
Source
<HTML lang="ja">
<HEAD>
<TITLE>画像をランダムに移動する</TITLE>
<STYLE type=text/css>
.mouse { position:absolute;
left: 100px;
top: 100px;
}
#LoveMouse{
color: #006400;
}
</STYLE>
<script>
let xy = new Array(100,100);
let xsw = 0;
let ysw = 0;
let z = 10;
function moveImage() {
if(z<=0)xy_set();
document.getElementById('LoveMouse').style.left=xy[0];
document.getElementById('LoveMouse').style.top=xy[1];
xy[0] += xsw;
xy[1] += ysw;
if(xy[0]<100){xsw = 30; z = 10;}
if(xy[1]<100){ysw = 30; z = 10;}
if(xy[0]>700){xsw = -30; z = 10;}
if(xy[1]>500){ysw = -30; z = 10;}
z--;
}
function xy_set() {
xsw = Math.round(Math.random()*10);
if(xsw==2||xsw==4||xsw==6||xsw==8||xsw==10)xsw = 0 - xsw;
ysw = Math.round(Math.random()*10);
if(ysw==2||ysw==4||ysw==6||ysw==8||ysw==10)ysw = 0 - ysw;
z = 10;
}
</script>
</head>
<body onload="setInterval('moveImage()',100)">
<div id='LoveMouse' class='mouse'>
<img src='img/gab19.gif' border=0></div>
</body>
</html>
|
