Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ hiện rõ dần
URL: https://www.javascriptbank.com/fading-news-script.html
Hiệu ứng làm cho chữ hiện rõ dần/biến mất dần trên trang web.
Phiên bản đầy đủ: jsB@nk » Chữ » Mờ và chớp sáng » Chữ hiện rõ dần
URL: https://www.javascriptbank.com/fading-news-script.html
<script language="JavaScript"><!--/*************************************************************************************This script made by and copyrighted to Peter Svendsen.This script may be used freely as long as this message is intact*************************************************************************************/var mess=new Array();var time=new Array();var fade=new Array();var link=new Array();/*************************************************************************************Don't edit the above varibles.Below here are the variables wich you can adjust. Remember ..... if you want to change anything concerning looks of the text, do so inthe "style"-section. Comments are made for the different adjustment options!Note that a new version is underway, giving more options, possibly based on feedback.*************************************************************************************//*** Enter the text to be faded. ***/mess[0]="This news-scroller is made to create a fading effect. ";/*** Write the site you want the text to point to. If you dont want it to link, enter "0". ***//*** The text stops functioning as a link when fadeout starts(after duration of below variable. ***/link[0]="0";/*** Enter the duration in which the text will be displyed in last color, after fadein. ***//*** If a link is attached to the text, the text will function as a link during this time. ***/time[0]=4000; //milliseconds/*** Enter the time you want blank screen(startcolor) before displaying the next text. ***//*** If text 5 is a continuation of text 4, enter a short time for text 4. E.g. 200 ***/fade[0]=500; //millisecondsmess[1]="I made it to correct some of the lacks in Cheesehead Interprice's version. ";link[1]="http://www.watch.com";time[1]=4000;fade[1]=500;mess[2]="It's got more and better configuring of the presentation. ";link[2]="0";time[2]=4000;fade[2]=500;mess[3]="It was easy to make, and it's even easier to configure. ";link[3]="0";time[3]=4000;fade[3]=500;mess[4]="You've got mutiple options for controlling the different speeds. ";link[4]="0";time[4]=4000;fade[4]=500;mess[5]="And ofcourse each text can be assigned their own link, as this text. ";link[5]="http://www.javascripts.com";time[5]=4000;fade[5]=500;/*** Here you put the colors to be used in the fade. You can ofcourse add as many as liked by entering: ***//*** " colors[incrementing number]='hexcode' " incrementing the number from 6. ***//*** Color 6 will be the last on fadein and vice versa on fadeout ;-) Make first color match background ***/colors=new Array()colors[0]='#FFFFFF'colors[1]='#EEEEEE'colors[2]='#CCCCCC'colors[3]='#999999'colors[4]='#666666'colors[5]='#333333'colors[6]='#000000'/*** Enter here the speed between changes in color. The shorter time yieds the smoother fade. ***//*** Better if more than the original 6 colors in colorarray. ***//*** E.g. 12 fadecolors and fadespeed of approx. 100 ***/var fadespeed=150;/*** Do you want fadeout as well? Or just a fadein of a new text? Or maybe just fadeout! ***//*** 0 = just fadein's, no fadeout. 1 = fade in and out. 2 = only fadeouts ***/var fadeout=1;/*** Do you wish the link to be presented with a picture? Note the path for the pic if yes. ***//*** If you don't want a picture along with the presentation of the link, just enter "" . ***/var path="lillehand.gif"/*************************************************************************************Here comes the 'privat part'...................... Don't change ANYTHING below this.**************************************************************************************/var count=0;var newsno=0;var pause=0;var progress=0;var first=0;var pic;(path!="")?pic= "<br><IMG border='0' src='"+path+"'>": pic="";function fade_in(){first=1;if(link[newsno]==0)document.all("txtNews").innerHTML="<FONT color='"+colors[count]+"'>"+mess[newsno].substring(0,mess[newsno].length)+"</FONT>";else document.all("txtNews").innerHTML="<A href='"+link[newsno]+"' target='idokument' style='text-decoration: none'><FONT color='"+colors[count]+"'>"+mess[newsno].substring(0,mess[newsno].length)+"</FONT></A>"+pic; //width='20' height='26'count++;if(count!=colors.length){progress=0;pause=fadespeed;} else{if(fadeout==0){pause=time[newsno];progress=0;count=0;newsno++;}else{progress=1;pause=time[newsno];}if(newsno>=mess.length){newsno=0;}}watchit();}function fade_out(){document.all("txtNews").innerHTML="<FONT color='"+colors[count]+"'>"+mess[newsno].substring(0,mess[newsno].length)+"</FONT>";count--;if(count!=-1){progress=1;pause=fadespeed;}else{pause=fade[newsno];progress=0;count=0;first=0;newsno++;if(newsno>=mess.length){newsno=0;}}watchit();}function watchit(){if(progress==0){if((fadeout==2)&&(first==0))count=mess.length-1;if(count<=colors.length)aktiv=setTimeout("fade_in()",pause);}if((progress==1)&&(fadeout>=1)){clearTimeout(aktiv);if(count>=colors.length)count=colors.length-1;if(count!=-1)aktiv=setTimeout("fade_out()",pause);}}/***************************The script fades out .......***************************//*** Please give feedback and/or a url to where you're using the script so i can see it function ***//*** Do so on [email protected] ***///--></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><body onload="watchit()"><span id="txtNews" style="height: 65px;"></span></body><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->