■■１■■

立体文字

[概要]
タイトルを立体文字にする

[参照]

　SAMPLE

　SOURCE

<HTML>
<TITLE>立体文字</TITLE>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
//表示させたい文字列
var msg = "ヨッシーの”ホームページを作ろう！”";
//その他
var front_color = "aqua";           //前色
var back_color = "blue";            //影色
var font_size = "50";                //文字の大きさ

//立体文字作成
function set3D(){
    for(i=0;i<=10;i++){
        //ずらして表示
        tag = "<DIV style={position:absolute;font-size:"+font_size+";left:"+(i+50)+";top:"+(i+50)+";";
        if(i==10){
            //一番前
            tag += "color:"+front_color+";";
        }
        else{
            //影
            tag += "color:"+back_color+";";
        }
        tag += "}>"+msg+"</DIV>";
        document.write(tag);
    }
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<!--ここから-->
<SCRIPT LANGUAGE="JavaScript">
<!--
set3D();
// -->
</SCRIPT>
<!--ここまでを好きな場所に貼り付ける-->
</BODY>
</HTML>

※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。

　戻る