|
8.文字の滲みと輝きです
ここのメインやMusic-Loopで使っています。Javascriptで輝きを出しますから、 javaを受け付けない処では、滲み文字だけとなります。次の<center>から</center>迄を全部貼ります。尚、滲み文字の処は、一番下の<body></body>の部分です。ここで、fontcolorと glowcolorの指定が出来ます。一番下の赤文字が、英文だけですが、出せる文字になります。また、一番上の処で、輝く範囲をmax.とmin.で指定できます。色々と替えてみると面白いです。滲み文字だけを使いたい場合は、一番下の<div>から</div>までをコピーして使いましょう。書体の指定があるから、漢字もいけるでしょう。
下の事例を見てみる
<center>
<SCRIPT Language="JScript">
<!--
if(navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf("MSIE") != -1) isIE4 = true;
else isIE4 = false;
var glow = new Object();
glow.max = 50; //にじみ最大値
glow.min = 3; //にじみ最小値
glow.ct = 1; //１度の処理で変更される値。現在１度の処理につき、１段階変更される。
glow.time= 50; //変更スピード。数字が小さいほど高速。
function glow_anima(id) {
el = document.all(id);
fl = el.getAttribute("JAVAC_GLOW");
fil = el.filters['glow'];
if(fl == true) {
fil.strength += glow.ct;
if(fil.strength >= glow.max) el.setAttribute("JAVAC_GLOW",false);
}
else {
fil.strength -= glow.ct;
if(fil.strength <= glow.min) el.setAttribute("JAVAC_GLOW",true);
}
setTimeout("glow_anima('"+id+"')",glow.time);
}
//-->
</SCRIPT>
<SCRIPT Language="JScript" for="window" event="onLoad()">
<!--
if(isIE4) {
glow_anima("GLOW1"); //IDを記述
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<div id="GLOW1"
style="
align:center;
width:100%;
height:90px;
font-size:38pt;
color:#00ccff;
font-family:Times New Roman,COURIER NEW;
filter:glow(color=#ff00ff, strength=10)" JAVAC_GLOW="false">
Welcom to Music Loop (1) !
</div>
</BODY>
</HTML>
</center>
|
案内板
8.Glow
