DynamicHTML




[ test-07 ]
ページに入ると文字がフェイドインして現われます。


ページに入る(onLoad)と文字がフェイドインして現われます。タイトルなどに使うと良いかも。

Sample





ページの上部に現われたWellcome To My Pageがそれです(^^)/





Source 


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
<!--

//--表示する文字
var msg1 ="<H3>Wellcome To My Page</H3>"

//--フェイドイン(from f to 0)
function finout(){
    var fio = "fedcba9876543210"//--ここを"0123456789abcdef"にすればフェイドアウトになります。
      for(fi=0; fi<fio.length; fi++){
            c = fio.charAt(fi)
            wrt(c,msg1)
      }
}

//--文字の書き出し
function wrt(c,msg){
    var msgLay = document.layers["msgLay0"].document
      msgLay.open()
      msgLay.fgColor = c+c+c+c+c+c
      msgLay.write(msg)
      msgLay.close()
}

<!---->
</SCRIPT>
</HEAD>
<BODY   BGCOLOR="#ffffff" 
           TEXT="#000000" 
           onLoad="finout()"
>
<LAYER NAME="msgLay0" 
    TOP=30
    LEFT=150
>
</LAYER>
</BODY>
</HTML>



//--sourceの中のこの色は注目ポイントです。
//--この色の部分を自由に書き換えて使ってみましょう(^^)/