<html>
<head><title>てすと</title>
<SCRIPT Language="JavaScript">
<!--
var timer;
var xpos = new Array(3); // コメントのX座標
var ypos = new Array(3); // コメントのy座標
function Load()
{
// 500ミリ秒タイマーセット
xpos[0] = 0;
xpos[1] = 0;
xpos[2] = 0;
ypos[0] = 100;
ypos[1] = 200;
ypos[2] = 300;
timer = setInterval("commentMove()",500);
}
function commentMove()
{
if ( xpos[0] > 350 )
{
commentStop();
}
xpos[0] += 20;
xpos[1] += 10;
xpos[2] += 5;
ypos[0] += 5;
ypos[1] += 0;
ypos[2] -= 5;
div11.style.left = xpos[0];
div12.style.left = xpos[1];
div13.style.left = xpos[2];
div11.style.top = ypos[0];
div12.style.top = ypos[1];
div13.style.top = ypos[2];
}
function commentStop()
{
clearInterval(timer);
}
// -->
</SCRIPT>
</head>
<body onload="Load()">
<div id=div1 style="position:absolute;top:0;left:0;width:500;height:500;x-index:1;">
<iframe src="http://slashdot.jp/it/08/06/06/0719236.shtml" scrolling="no" width="500" height="500">
</iframe>
<div id=div11 style="position:absolute;top:100;left:0;width:100;height:20;x-index:2;background-color:red;">
コメント1
</div>
<div id=div12 style="position:absolute;top:200;left:0;width:100;height:20;x-index:2;background-color:red;">
コメント2
</div>
<div id=div13 style="position:absolute;top:300;left:0;width:100;height:20;x-index:2;background-color:red;">
コメント3
</div>
</div>
</body>
</html>
|