 멀티 칼라 페이딩 텍스트 효과~ (스크립트) |
 
|
| 2004-07-20 (화) 06:45 조회:1700 | |
|
|
|
|
<html> <head> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin // add as many or as few messages as you would like var msg=new Array() msg[0]="<CENTER>e비즈니스 및 IT 전문가를 위한 지식 미디어...</CENTER>"; msg[1]="<CENTER>...코리아인터넷닷컴...</CENTER>"; msg[2]="<CENTER>방문해 보세요!! \"<A href='http://korea.internet.com/'>korea.internet.com</A>\"</CENTER>"; msg[3]="<CENTER>멀티 칼라 페이딩 텍스트 효과~</CENTER>"; // set your first set of colors. Use as many or as few as you wish. var colors1=new Array("ffffff", "eeeeff", "ddddff", "ccccff", "bbbbff", "aaaaff", "9999ff", "8888ff", "7777ff", "6666ff", "5555ff", "4444ff", "3333ff","2222ff", "1111ff", "0000ff") //set your second set of colors // *** must have exactly the same number of colors as the array above *** var colors2=new Array("ffffff", "ffeeee", "ffdddd", "ffcccc", "ffbbbb", "ffaaaa", "ff9999", "ff8888", "ff7777", "ff6666", "ff5555", "ff4444", "ff3333", "ff2222", "ff1111", "ff0000") //set the height of the display in pixels high=60; //set the width of the display in pixels wide=350; //set the pixel coordinates for the upper left hand corner of the display Xpos=220; Ypos=180; // move the display away from the edges of the background pad=15; // set the background color of the display bgcol="ffffff"; //add a background image if you want. // *** for no image, just leave empty quotes (ex. cellbg=""; ) *** cellbg="faderbg.jpg"; // set the font fntFam="verdana,helvetica,arial"; fntSize=14; // set how how many seconds you want the message to stay remain at totality. pause=2.5; // Do not edit these values below!!! icolor=0; mcolor=1; imsg=0; spWidth=wide-(2*pad); totality=false; glowing=true; var theMsg=""; var cellcontent=""; pause=pause*1000; if(cellbg.length>4){cellbg=" background="+cellbg} else{cellbg="";} function doPause(){ totality=false; t=setTimeout("changecolor()",pause); } function initiate(){ getContentColor(); getMsg(); getCellContent(); if(document.all){ msgbg.innerHTML=cellcontent; msgfade.innerHTML=theMsg; msgbg.style.posLeft=Xpos; msgbg.style.posTop=Ypos; msgfade.style.posLeft=Xpos+pad; msgfade.style.posTop=Ypos+pad; t=setTimeout("changecolor()",50);} if(document.layers){ document.msgbg.document.write(cellcontent); document.msgbg.document.close(); document.msgfade.document.write(theMsg); document.msgfade.document.close(); document.msgbg.left=Xpos; document.msgbg.top=Ypos; document.msgfade.left=Xpos+pad; document.msgfade.top=Ypos+pad; t=setTimeout("changecolor()",100);} } function changecolor(){ if(totality==true){doPause();} else{ getMsg(); getContentColor(); if(document.all){ msgfade.innerHTML=theMsg; t=setTimeout("changecolor()",50);} if(document.layers){ document.msgfade.document.write(theMsg); document.msgfade.document.close(); t=setTimeout("changecolor()",70);} } } function getFadeColor(){ icolor=icolor-1; if(mcolor==1){contentcolor=colors1[icolor];} else{contentcolor=colors2[icolor];} } function getGlowColor(){ icolor=icolor+1; if(mcolor==1){contentcolor=colors1[icolor];} else{contentcolor=colors2[icolor];} } function changemsg(){ if(imsg==msg.length-1){imsg=0; mcolor=1;} else if(imsg != msg.lenght-1 && mcolor==1){imsg=imsg+1; mcolor=0;} else{imsg=imsg+1; mcolor=1;} } function getContentColor(){ if(icolor==colors1.length-1 && glowing==true){ getFadeColor(); glowing=false; totality=true;} else if(icolor < colors1.length && glowing==true){ getGlowColor();} else if(icolor < 1 && glowing==false){changemsg(); getGlowColor(); glowing=true;} else{getFadeColor();} } function getMsg() { theMsg="<span style='font-size:"+fntSize+"pt; font-family:"+fntFam+"; width:"+spWidth+";'>" theMsg+="<B><font color="+contentcolor+">"+msg[imsg]+"</font></B> " theMsg+="</span>" } function getCellContent(){ cellcontent="<TABLE height="+high+ " width="+wide+" bgcolor="+bgcol+" cellpadding=0 cellspacing=0><TR><TD"+cellbg+"> </TD></TR></TABLE>"} // End --> </script> </HEAD> <BODY onLoad="initiate()"> <DIV id=msgbg style="position: absolute;"></DIV> <DIV id=msgfade style="position: absolute;"></DIV> <p align="center"><a href="/channel/content.asp?kid=13&nid=30311#test"><img src="/images/w_list3.gif" border="0"></a></p> </body> </html> 출처 : http://korea.internet.com/channel/content.asp?kid=54&cid=234&nid=30311 |
| 
|
