クリスマスプレゼントランキング
バレンタインチョコレシピ
ホワイトデーお返しプレゼント
レンタルサーバー 比較
Home
>
HP作成講座
>
文字系タグ
>
発光文字２
●発光文字２
サンプル
発行文字２です
<head>〜</head>内に
<script language="JavaScript"> <!-- // var step; var count = 0; var count_max = 10; //色の広がり function effectNeon(){ if(count >= count_max){ step = -1; } else if(count <= 0){ step = +1; } count = count+step; neon.filters[0].strength = count; setTimeout("effectNeon()",100); //広がる速さ } // --> </script>
<body>の代わりに
<body onload="effectNeon()">
表示したいところに
<div id="neon" style="{position:relative;padding:10;height=30;width=100%;filter:glow(color=発光させる色,strength=0);}"> 文字</div>
上記３つをまとめてコピー
<script language="JavaScript"> <!-- // var step; var count = 0; var count_max = 10; //色の広がり function effectNeon(){ if(count >= count_max){ step = -1; } else if(count <= 0){ step = +1; } count = count+step; neon.filters[0].strength = count; setTimeout("effectNeon()",100); //広がる速さ } // --> </script> <body onload="effectNeon()"> <div id="neon" style="{position:relative;padding:10;height=30;width=100%;filter:glow(color=発光させる色,strength=0);}"> 文字</div>
*補足*
それぞれの箇所を書き換えてから使用して下さい。
挿入場所指定していますが、上記の３つのソースを
まとめて挿入しても問題ありません。