|
Source
<HTML lang="ja">
<HEAD>
<TITLE>文字列を移動するⅡ</TITLE>
<STYLE type=text/css>
<!--
.Style1{position: absolute;
font-size: 24pt;
font-weight: bold;
visibility: hidden;
}
#iL1{color:#006400;}
#iL2{color:#ff00ff;}
#iL3{color:#00ffff;}
#iL4{color:#00ff00;}
#iL5{color:#ffd700;}
#iL6{color:#0000ff;}
#iL7{color:#ff0000;}
//-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var lay1;
var ms=new Array(0,0.2,0.4,0.6,0.8,1.0,1.2);
var lr=new Array(0,0.2,0.4,0.6,0.8,1.0,1.2);
var w = 300;
document.write("<DIV CLASS='Style1' ID='iL7'>W</DIV>");
document.write("<DIV CLASS='Style1' ID='iL6'>e</DIV>");
document.write("<DIV CLASS='Style1' ID='iL5'>l</DIV>");
document.write("<DIV CLASS='Style1' ID='iL4'>c</DIV>");
document.write("<DIV CLASS='Style1' ID='iL3'>o</DIV>");
document.write("<DIV CLASS='Style1' ID='iL2'>m</DIV>");
document.write("<DIV CLASS='Style1' ID='iL1'>e</DIV>");
function disp(){
if(lr[0]==3.6) for(i=0;i<7;i++)lr[i]=ms[i]
for(i=1;i<8;i++){
lay1 = document.getElementById("iL"+i);
lay1.style.visibility = "visible";
lay1.style.left = w+200*Math.cos(lr[i-1])+"px";
lay1.style.top = 200+30*Math.sin(lr[i-1])+"px";
}
for(i=0;i<7;i++) lr[i]=lr[i]+0.18;
}
// -->
</SCRIPT>
</head>
<body bgcolor="#eeeedd" text="#000000" onload="setInterval('disp()',100)">
</body>
</html>
|