|
Source
<HTML lang="ja">
<HEAD>
<TITLE>文字列を移動するⅡ</TITLE>
<STYLE type=text/css>
.Style1{position: absolute;
font-size: 24px;
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>
let lay1;
let ms = new Array(0,0.2,0.4,0.6,0.8,1.0,1.2);
let lr = new Array(0,0.2,0.4,0.6,0.8,1.0,1.2);
let w = 300;
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)">
<DIV CLASS='Style1' ID='iL7'>W</DIV>
<DIV CLASS='Style1' ID='iL6'>e</DIV>
<DIV CLASS='Style1' ID='iL5'>l</DIV>
<DIV CLASS='Style1' ID='iL4'>c</DIV>
<DIV CLASS='Style1' ID='iL3'>o</DIV>
<DIV CLASS='Style1' ID='iL2'>m</DIV>
<DIV CLASS='Style1' ID='iL1'>e</DIV>
</body>
</html>
|