Source
<HTML lang="ja">
<HEAD>
<TITLE>画像をランダムに移動する</TITLE>
<STYLE type=text/css>
<!--
.mouse { position:absolute;
left: 100px;
top: 100px;
}
//-->
</STYLE>
<script language="JavaScript">
<!--
var xy = new Array(100,100);
var xsw = 0;
var ysw = 0;
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--;
}
document.write("<div id='LoveMouse' class='mouse'>");
document.write("<img src='img/cyou05.gif' border=0></div>");
function init_sec() {
moveImage();
}
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="init_sec()">
</body>
</html>
|