Java-Script

　文字列を、ズームイン・アウトする 　　　　　

Sample

ソース

<HTML>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var speed = 0;
var _delay = 2000;
var max_size = 30;

var x = 0;
var y = 0;
var _msg, size;
var esize = "</font>";

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
   }
}
var _msg2 = new initArray("このサイトは、【 Java-Da! 】ダ！",
"サンプルがいろいろあります。","質問などをいろいろもらいますが、",
"自分の力になるので、","なるたけ自分で考えて解決して下さい。　^^)");
if(navigator.appName == "Netscape")
  document.write('<layer id="wds"></layer><br>');
if (navigator.appVersion.indexOf("MSIE") != -1)
  document.write('<span id="wds"></span><br>');
function zoom_up(){ 
  _msg = _msg2[y];
  if (x < max_size) {
    x++;
    setTimeout("zoom_up()",speed);
  }
  else setTimeout("zoom_down()",_delay);

  if(navigator.appName == "Netscape") {
    size = "<font point-size='"+x+"pt'>"; 
    document.wds.document.write(size+"<center>"+_msg+"</center>"+esize);
    document.wds.document.close();
  }
  if (navigator.appVersion.indexOf("MSIE") != -1){
    wds.innerHTML = "<center>"+_msg+"</center>";
    wds.style.fontSize=x+'px'
  }
} 
function zoom_down(){
  if (x > 1) {
    x--;
    setTimeout("zoom_down()",speed);
  }
  else {
    setTimeout("zoom_up()",_delay);
    y++;
    if (y > _msg2.length - 1) y = 0;
  }
  if(navigator.appName == "Netscape") {
    size = "<font point-size='"+x+"pt'>"; 
    document.wds.document.write(size+"<center>"+_msg+"</center>"+esize);
    document.wds.document.close();
  }
  if (navigator.appVersion.indexOf("MSIE") != -1){
    wds.innerHTML = "<center>"+_msg+"</center>";
    wds.style.fontSize=x+'px'
  }
}
setTimeout("zoom_up()",speed);
//-->
</script>
</BODY>
</HTML>

ワンポイント解説

表示する文字列を変えたい時は、
var _msg2 = new initArray(　の中で定義している文字列を変えて下さい。