JavaScript

文字列を移動する
Source


<HTML lang="ja">
<HEAD>
<TITLE>文字列を移動する</TITLE>

<STYLE type=text/css>
<!--
.mouse { position:  absolute;
         left:      100px;
         top:       100px;
	 font-size: 24pt;
}
#LoveMouse{color:#006400;}
//-->
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var sw   = "x";
var cnt  = 4;
c1=new Array(100,100);
c1[0]=screen.width - 200;

 if(document.getElementById) {sw = "1";
 } else {
    if(document.all) {sw = "2";
    } else {
       if(document.layers) {sw = "3";
       }
    }
 }

 switch(sw) {
   case "1": document.write("<div id='LoveMouse' class='mouse'>Welcome</div>");
             break;
   case "2": document.write("<span id='LoveMouse' class='mouse'>Welcome</span>");
             break;
   case "3": document.write("<layer id='LoveMouse' left=100 top=100>Welcome</layer>");
             document.captureEvents(Event.MOUSEMOVE);
             break;
   default:  alert("申し訳ありませんが、貴方のブラウザには対応していません");
 }

  switch(sw) {
    case "1": document.getElementById('LoveMouse').style.left=c1[0];
              document.getElementById('LoveMouse').style.top=c1[1];
              break;
    case "2": document.all("LoveMouse").style.posTop = c1[1];
              document.all("LoveMouse").style.posLeft= c1[0];
              break;
    case "3": document.layers["LoveMouse"].left=c1[0];
              document.layers["LoveMouse"].top=c1[1];
  }
              
function Init(){
    multiLay();
}

function multiLay(){
    sw = "1";
    var TimeID;
    c1[0] --;
    if (c1[1] >400)cnt = -4;
    if (c1[1] <100)cnt =  4;
    c1[1] = c1[1] + cnt;
    switch(sw) {
      case "1": document.getElementById('LoveMouse').style.left=c1[0];
                document.getElementById('LoveMouse').style.top=c1[1];
                break;
      case "2": document.all("LoveMouse").style.posTop = c1[1];
                document.all("LoveMouse").style.posLeft= c1[0];
                break;
      case "3": document.layers["LoveMouse"].left=c1[0];
                document.layers["LoveMouse"].top=c1[1];
    }
    if(c1[0] >= 10){TimerID = setTimeout("multiLay()",1);}else{clearTimeout(TimeID);}
}
// -->
</SCRIPT>

</head>
<body bgcolor="#eeeedd" text="#000000" onload="Init()">
</body>
</html>