본문 바로가기

javascript

텍스트의 Fade 효과

원하는 텍스트가 페이드인, 아웃 됩니다

<SCRIPT LANGUAGE="JavaScript">
<!-- Original:  Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site:  http://home.thezone.net/~rbennett/utility/javahead.htm -->

<!-- This Script Modified by Java Depot -->
<!-- Web Site : http://www.javascript.co.kr -->

<!-- Begin
function setupStrobe() {
text = "쉬운 자바 베껴쓰는 자바 Java Depot"; // 이곳에 원하는 텍스트를 넣으세요
var x=navigator.appVersion;
y=x.substring(0,4);
if(y>=4)strobeEffect();
}
var isNav=(navigator.appName.indexOf("Netscape")!=-1);
var colors=new Array(
"FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF",
"FFFFFF","F9F9F9","F1F1F1","E9E9E9","E1E1E1","D9D9D9",
"D1D1D1","C9C9C9","C1C1C1","B9B9B9","B1B1B1","A9A9A9",
"A1A1A1","999999","919191","898989","818181","797979",
"717171","696969","616161","595959","515151","494949",
"414141","393939","313131","292929","212121","191919",
"111111","090909","000000")

a=0,b=1;
function strobeEffect() {
color=colors[a];
aa="<font color="+color+">" + text + "</font>"
if(isNav) {
document.object1.document.write(aa);
document.object1.document.close();
}
else object1.innerHTML=aa;
a+=b;
if (a==38) b-=2;
if (a==0) b+=2;
xx=setTimeout("strobeEffect()",10);
}
// End -->
</SCRIPT>

<BODY onLoad="setupStrobe()">

<div id="object1" style="position:absolute; visibility:show; left:25px; top:50px; z-index:2"></div>


<p><center>
<font face="굴림, 굴림체" size="2">쉬운 자바 베껴쓰는 자바<br>
by <a href="http://www.javascript.co.kr">Java Depot</a></font>
</center><p>