Phiên bản đầy đủ: jsB@nk » Linh tinh » Quảng cáo bằng đèn LED
URL: https://www.javascriptbank.com/led-panel-ads-displayer.html
Hiệu ứng tạo các chữ quảng cáo bằng đèn LED tương tự như các pa nô quảng cáo ngoài trời.
Phiên bản đầy đủ: jsB@nk » Linh tinh » Quảng cáo bằng đèn LED
URL: https://www.javascriptbank.com/led-panel-ads-displayer.html
<scriptlanguage="javascript">/* This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*///"L.E.D. Panel" Script by Richard Maloney © 2002//For Custom effects, email Richard ([email protected])//____________________CONFIGURATION AREA_____________________// THIS LED SCRIPT TAKES UP 200 pixels HORIZONTAL and 28 pixelsVERTICAL -Have Fun :-)// YOUR MESSAGE GOES ON NEXT 4 LINES DOWN.// ALLOWABLE CHARACTERS ARE: A-Z, Period, space, comma, numerals,question mark and 'message codes'.// THE 4 MESSAGE CODES:// @=PAUSE FOR 3 SECONDS, #=FLASH FOR 3 SECONDS, ^=SCROLL UP EFFECT,_=SUN EFFECT, $=SPLIT EFFECT//EXAMPLE: var message="_ Dynamic^^ Drive! # For the best dhtmlscripts... www.dynamic.drive.com ";var message="L.E.D. Panel written^$^ by Richard Maloney ENJOY!... _";var LEDonColor='Red'; //color of the LEDs when they are onvar LEDoffColor='#7D0605'; //color of the LEDs when they are offstartXPos=50; //start of horizontal position eg. startXPos=20; placesthe leds 20 pixels from leftstartYPos=10; //start of vertical position//____________________END CONFIGURATION AREA__________________var IE=(document.all) ? true:false; var NS=(document.layers) ?true:false; var W3C=((document.getElementById) && (!IE)) ?true:false;var d=document; if (window.offscreenBuffering)window.offscreenBuffering = true;function getCSS(id) { if (IE) return d.all[id] //IE else if (NS) returnd.layers[id] //NS4 else return d.getElementById(id)//W3C}var alphabet=new Array(44);alphabet[0]=newArray("0111111","1001000","1001000","1001000","0111111");alphabet[1]=newArray("1111111","1001001","1001001","1001001","0110110");//Balphabet[2]=newArray("0111110","1000001","1000001","1000001","0100010");alphabet[3]=newArray("1111111","1000001","1000001","1000001","0111110");//Dalphabet[4]=new Array("1111111","1001001","1001001","1001001");alphabet[5]=new Array("1111111","1001000","1001000","1001000");//Falphabet[6]=newArray("0111110","1000001","1000001","1001001","0101110");alphabet[7]=newArray("1111111","0001000","0001000","0001000","1111111");//Halphabet[8]=new Array("1000001","1111111","1000001"); alphabet[9]=newArray("0000110","0000001","0000001","0000001","1111110");//Jalphabet[10]=newArray("1111111","0001000","0010100","0100010","1000001");alphabet[11]=new Array("1111111","0000001","0000001","0000001");//Lalphabet[12]=newArray("1111111","0010000","0001000","0010000","1111111");alphabet[13]=newArray("1111111","0010000","0001000","0000100","1111111");//Nalphabet[14]=newArray("0111110","1000001","1000001","1000001","0111110");alphabet[15]=newArray("1111111","1001000","1001000","1001000","0110000");//Palphabet[16]=newArray("0111110","1000001","1000001","1000011","0111111");alphabet[17]=newArray("1111111","1001000","1001100","1001010","0110001");//Ralphabet[18]=newArray("0110010","1001001","1001001","1001001","0100110");alphabet[19]=newArray("1000000","1000000","1111111","1000000","1000000");//Talphabet[20]=newArray("1111110","0000001","0000001","0000001","1111110");alphabet[21]=newArray("1110000","0001100","0000011","0001100","1110000");//Valphabet[22]=newArray("1111110","0000001","0000010","0001100","0000010","0000001","1111110");alphabet[23]=newArray("1100011","0010100","0001000","0010100","1100011");//Xalphabet[24]=newArray("1100000","0010000","0001111","0010000","1100000");alphabet[25]=newArray("1000011","1000101","1001001","1010001","1100001");//Zalphabet[26]=new Array("0000000","0000000","0000000","0000000");alphabet[27]=newArray("0000000","0000001","0000000","0000000","0000000");//PERIODalphabet[28]=newArray("0000000","0000000","1111101","0000000","0000000");//!alphabet[29]=new Array("0100001","1111111","0000001"); alphabet[30]=newArray("0100011","1000101","1001001","1001001","0110001");//2alphabet[31]=newArray("0100010","1001001","1001001","1001001","0110110");alphabet[32]=newArray("0001000","0011000","0101000","1111111","0001000");//4alphabet[33]=newArray("1111001","1001001","1001001","1001001","1000110");alphabet[34]=newArray("0111110","1001001","1001001","1001001","0100110");//6alphabet[35]=new Array("1000011","1000100","1001000","1110000");alphabet[36]=newArray("0110110","1001001","1001001","1001001","0110110");//8alphabet[37]=newArray("0110010","1001001","1001001","1001001","0111110");alphabet[38]=new Array("0000001","0000010","0000000");//COMMAalphabet[39]=new Array("XXXXXXX");//PAUSE ( @ )alphabet[40]=new Array("YYYYYYY");//FLASH ( # )alphabet[41]=new Array("DDDDDDD");//SCROLL UP EFFECT ( ^ )alphabet[42]=new Array("SSSSSSS");//SUN EFFECT ( _ )alphabet[43]=newArray("0100000","1000000","1001101","1001000","0110000");//?alphabet[44]=new Array("QQQQQQQ");//SPLIT EFFECT ( $ )message=message.toUpperCase(); //make message uppercasevar messageArray=new Array(); //make messageArray-an array of theletters in the messagevar columnCount=0; //variable to count columns in messageArray.lengthfor (i=0; i<message.length; i++){ //iterate through the charactersin the message letterNum=message.charCodeAt(i); //assign proper lettercode (alphabet array) if ((letterNum>=65) &&(letterNum<=90)) temp=letterNum-65; //letters else if(letterNum==46) temp=27; //. else if (letterNum==32) temp=26; //spaceelse if (letterNum==33) temp=28; //! else if ((letterNum>=49)&& (letterNum<=57)) temp=letterNum-20; //[1-9] else if(letterNum==48) temp=14; //zero else if (letterNum==63) temp=43; //?else if (letterNum==44) temp=38; //, else if (letterNum==64) temp=39;//pause else if (letterNum==35) temp=40; //flash effect else if(letterNum==94) temp=41; //scroll up effect else if (letterNum==95)temp=42; //sunrise effect else if (letterNum==36) temp=44; //spliteffect else continue; for (ii=0; ii<alphabet[temp].length;ii++){messageArray[columnCount]=alphabet[temp][ii];columnCount++;} if((temp!=39) && (temp!=40) && (temp!=41)){messageArray[columnCount]="0000000";columnCount++;}}//make 'led screen' with block 0-49 on row 1, block 50-99 on row 2,block 100-149 on row 3, etc..var b='';for (var i=0; i<350; i++){//columns 50 columns x 7 rowsrowPos=0+3*(i>49)+3*(i>99)+3*(i>149)+3*(i>199)+3*(i>249)+3*(i>299);colPos=0+150*(i>49)+150*(i>99)+150*(i>149)+150*(i>199)+150*(i>249)+150*(i>299);b+= (NS) ? '<LAYER NAME="block' + i + '" LEFT="' +(startXPos+i*3-colPos) + '" TOP="' + (startYPos+rowPos) + '"VISIBILITY="show" WIDTH="2" HEIGHT="2" BGCOLOR="' + LEDoffColor +'"></LAYER>' : '<div id="block' + i + '"style="position:absolute; left:' + (startXPos+i*3-colPos) + 'px; top:'+ (startYPos+rowPos) + 'px; background-color:' + LEDoffColor +';height: 2px; width: 2px;font-size:2px;"></div>';}document.write(b);var columnCounter=0; //keep track of postion of messageArrayvar bb=new Array(); //store particular LED's dom element here if (NS) {for (var i=0; i<350; i++) { bb[i]=getCSS("block"+i)}} else {for (vari=0; i<350; i++){ bb[i]=getCSS("block"+i).style;}}var isOn=new Array();for (var i=0; i<350; i++){ isOn[i]=0;} //keeptrack on on/off status of particular LEDonArray=new Array(); var onCount=0; //array size counterfunction scroll(){ onCount=0; if (NS) { for (var i=0; i<301; i+=50){if (isOn[i]==1) { bb[i].bgColor=LEDoffColor; isOn[i]=0;} for (var ii=1;ii<50; ii+=7){temp=i+ii;temp1=temp+1;temp2=temp+2;temp3=temp+3;temp4=temp+4;temp5=temp+5;temp6=temp+6;if (isOn[temp]==1) {bb[temp].bgColor=LEDoffColor; isOn[temp]=0;bb[temp-1].bgColor=LEDonColor; isOn[temp-1]=1;} if (isOn[temp1]==1){bb[temp1].bgColor=LEDoffColor; isOn[temp1]=0;bb[temp].bgColor=LEDonColor; isOn[temp]=1;} if (isOn[temp2]==1){bb[temp2].bgColor=LEDoffColor; isOn[temp2]=0;bb[temp+1].bgColor=LEDonColor; isOn[temp+1]=1;} if (isOn[temp3]==1){bb[temp3].bgColor=LEDoffColor; isOn[temp3]=0;bb[temp2].bgColor=LEDonColor; isOn[temp2]=1;} if (isOn[temp4]==1){bb[temp4].bgColor=LEDoffColor; isOn[temp4]=0;bb[temp3].bgColor=LEDonColor; isOn[temp3]=1;} if (isOn[temp5]==1){bb[temp5].bgColor=LEDoffColor; isOn[temp5]=0;bb[temp4].bgColor=LEDonColor; isOn[temp4]=1;} if (isOn[temp6]==1){bb[temp6].bgColor=LEDoffColor; isOn[temp6]=0;bb[temp5].bgColor=LEDonColor; isOn[temp5]=1;} }}} else { for (var i=0;i<301; i+=50){ if (isOn[i]==1) { bb[i].backgroundColor=LEDoffColor;isOn[i]=0;} for (var ii=1; ii<50; ii+=7){temp=i+ii;temp1=temp+1;temp2=temp+2;temp3=temp+3;temp4=temp+4;temp5=temp+5;temp6=temp+6;if (isOn[temp]==1) {bb[temp].backgroundColor=LEDoffColor; isOn[temp]=0;bb[temp-1].backgroundColor=LEDonColor; isOn[temp-1]=1;} if(isOn[temp1]==1) {bb[temp1].backgroundColor=LEDoffColor; isOn[temp1]=0;bb[temp].backgroundColor=LEDonColor; isOn[temp]=1;} if (isOn[temp2]==1){bb[temp2].backgroundColor=LEDoffColor; isOn[temp2]=0;bb[temp+1].backgroundColor=LEDonColor; isOn[temp+1]=1;} if(isOn[temp3]==1) {bb[temp3].backgroundColor=LEDoffColor; isOn[temp3]=0;bb[temp2].backgroundColor=LEDonColor; isOn[temp2]=1;} if(isOn[temp4]==1) {bb[temp4].backgroundColor=LEDoffColor; isOn[temp4]=0;bb[temp3].backgroundColor=LEDonColor; isOn[temp3]=1;} if(isOn[temp5]==1) {bb[temp5].backgroundColor=LEDoffColor; isOn[temp5]=0;bb[temp4].backgroundColor=LEDonColor; isOn[temp4]=1;} if(isOn[temp6]==1) {bb[temp6].backgroundColor=LEDoffColor; isOn[temp6]=0;bb[temp5].backgroundColor=LEDonColor; isOn[temp5]=1;} }}}temp=messageArray[columnCounter]; flag=temp.charAt(0);//GET NEW COLUMNif (temp.charAt(1)=="1") {isOn[99]=1;} if (temp.charAt(2)=="1"){isOn[149]=1} if (temp.charAt(3)=="1") {isOn[199]=1} if(temp.charAt(4)=="1") {isOn[249]=1} if (temp.charAt(5)=="1"){isOn[299]=1} if (temp.charAt(6)=="1") {isOn[349]=1} if (flag=="0") {}else if (flag=="1") {isOn[49]=1;} else if (flag=="X") {pauseScroll();}else if (flag=="Y") {flashScroll();} else if (flag=="D"){dropEffect();} else if (flag=="S") {sunRiseEffect();} else if(flag=="Q") {splitEffect();} columnCounter++;if(columnCounter==columnCount) columnCounter=0;}//______________pause effect________________function pauseScroll(){ clearInterval(loop);setTimeout("LEDinit()",3000);}//______________onArray Section_____________onArray=new Array(); var onCount=0; //array size counterfunction makeOnArray(){ clearInterval(loop); onCount=0; for (var i=0;i<700; i++){if (isOn[i]==1) {onArray[onCount]=i; onCount++;};}//makeonArray of 'on' LEDS}//_________________________________//_______________flash effect_______________var flashCount=0;function flashScroll(){ makeOnArray(); flashCount=0; if (NS){setTimeout("flashItNS()",250);} else {setTimeout("flashIt()",250);}}function flashItNS(){ flashCount++; if (flashCount<14) { if(flashCount % 2 == 0){ for (var i=0; i<onCount; i++){isOn[onArray[i]]=0;bb[onArray[i]].bgColor=LEDoffColor;}} else {for (vari=0; i<onCount;i++){isOn[onArray[i]]=1;bb[onArray[i]].bgColor=LEDonColor;}}setTimeout("flashItNS()",250); } else {flashCount=0;setTimeout("LEDinit()",250);}}function flashIt(){ flashCount++; if (flashCount<14) { if(flashCount % 2 == 0){ for (var i=0; i<onCount; i++){isOn[onArray[i]]=0;bb[onArray[i]].backgroundColor=LEDoffColor;}} else{for (var i=0; i<onCount;i++){isOn[onArray[i]]=1;bb[onArray[i]].backgroundColor=LEDonColor;}}setTimeout("flashIt()",250); } else {flashCount=0;setTimeout("LEDinit()",250);}}//_________________________________//____________scroll up effect______________dropArray=new Array();function dropEffect(){makeOnArray(); for (var i=0; i<onCount; i++){dropArray[i]=onArray[i]; } if (NS) {dropItNS();} else {dropIt();}}var dropCount=0;function dropItNS(){ if (dropCount<7){for (var i=0; i<onCount;i++){ bb[dropArray[i]].bgColor=LEDoffColor; } for (var i=0;i<onCount; i++){ temp=dropArray[i]; temp-=50;if (temp<0)temp+=350;bb[temp].bgColor=LEDonColor; dropArray[i]=temp;} dropCount++;setTimeout("dropItNS()",100); } else{dropCount=0;setTimeout("LEDinit()",100);}}//_________________________________function dropIt(){ if (dropCount<7){ for (var i=0; i<onCount;i++){ bb[dropArray[i]].backgroundColor=LEDoffColor; } for (var i=0;i<onCount; i++){ temp=dropArray[i]; temp-=50; if (temp<0)temp+=350; bb[temp].backgroundColor=LEDonColor; dropArray[i]=temp;}dropCount++; setTimeout("dropIt()",100); } else{dropCount=0;setTimeout("LEDinit()",100);}}//_________________________________//____________sunrise effect________________sunRiseCounter=0;sunRiseArray=new Array();sunRiseArray[0]=newArray(50,101,102,103,154,155,156,207,208,259,260,261,212,163,164,115,116,117,168,169,170,221,222,223,274,275,276,227,228,179,180,131,132,83,134,135,186,187,238,239,240,241,292,293,344,295,296,247,198);//HillssunRiseArray[1]=new Array(224,225,226); sunRiseArray[2]=newArray(174,175,176,177); sunRiseArray[3]=newArray(173,124,125,126,127,128,178); sunRiseArray[4]=newArray(172,123,74,75,76,77,129); sunRiseArray[5]=newArray(171,122,73,24,25,26,27,78,79,130);function sunRiseEffect() { makeOnArray(); for (var i=0; i<onCount;i++){ isOn[onArray[i]]=0; if (!NS){bb[onArray[i]].backgroundColor=LEDoffColor;} else{bb[onArray[i]].bgColor=LEDoffColor;}}setTimeout("riseEffectUp()",1000);}function riseEffectUp() { if (!NS) { for (var ii=0;ii<sunRiseArray[sunRiseCounter].length; ii++){isOn[sunRiseArray[sunRiseCounter][ii]]=1;bb[sunRiseArray[sunRiseCounter][ii]].backgroundColor=LEDonColor;}}else {for (var ii=0; ii<sunRiseArray[sunRiseCounter].length; ii++){isOn[sunRiseArray[sunRiseCounter][ii]]=1;bb[sunRiseArray[sunRiseCounter][ii]].bgColor=LEDonColor;}}sunRiseCounter++; if (sunRiseCounter>5){sunRiseCounter=5;setTimeout("riseEffectDown()",2000);} else{setTimeout("riseEffectUp()",250);}}function riseEffectDown() { if (!NS) {for (var ii=0;ii<sunRiseArray[sunRiseCounter].length; ii++){isOn[sunRiseArray[sunRiseCounter][ii]]=0;bb[sunRiseArray[sunRiseCounter][ii]].backgroundColor=LEDoffColor;}}else {for (var ii=0; ii<sunRiseArray[sunRiseCounter].length; ii++){isOn[sunRiseArray[sunRiseCounter][ii]]=0;bb[sunRiseArray[sunRiseCounter][ii]].bgColor=LEDoffColor;}}sunRiseCounter--; if (sunRiseCounter<1){sunRiseCounter=0;setTimeout("LEDinit()",1500);} else{setTimeout("riseEffectDown()",250);}}//____________________________________//____________split scroll effect___________var splitCount=0;function splitEffect() { makeOnArray(); for (var i=0; i<onCount;i++) { dropArray[i]=onArray[i]; } if (NS) {setTimeout("splitNS()",55);}else if (IE) {setTimeout("splitIt()",55);} else{setTimeout("splitIt()",100);}}function splitIt(){ for (i=0;i<onCount;i++){ temp=dropArray[i]; if(temp<150) { if (temp==100) {bb[temp].backgroundColor=LEDoffColor;temp=149; bb[temp-1].backgroundColor=LEDonColor;} else if (temp==50){bb[temp].backgroundColor=LEDoffColor; temp=99;bb[temp-1].backgroundColor=LEDonColor;} else if (temp==0){bb[temp].backgroundColor=LEDoffColor; temp=49;bb[temp-1].backgroundColor=LEDonColor;} else{bb[temp].backgroundColor=LEDoffColor;bb[temp-1].backgroundColor=LEDonColor;} dropArray[i]=temp-1; } else {if (temp==199) {bb[temp].backgroundColor=LEDoffColor; temp=200;bb[temp+1].backgroundColor=LEDonColor;} else if (temp==349){bb[temp].backgroundColor=LEDoffColor; temp=300;bb[temp+1].backgroundColor=LEDonColor;} else if (temp==299){bb[temp].backgroundColor=LEDoffColor; temp=250;bb[temp+1].backgroundColor=LEDonColor;} else if (temp==249){bb[temp].backgroundColor=LEDoffColor; temp=200;bb[temp+1].backgroundColor=LEDonColor;} else{bb[temp].backgroundColor=LEDoffColor;bb[temp+1].backgroundColor=LEDonColor;} dropArray[i]=temp+1; } }splitCount++; if (splitCount<49) {if (IE){setTimeout("splitIt()",55);} else {setTimeout("splitIt()",100);} }else {splitCount=0; LEDinit();}}function splitNS(){ for (i=0;i<onCount;i++){ temp=dropArray[i]; if(temp<150) { if (temp==100) {bb[temp].bgColor=LEDoffColor; temp=149;bb[temp-1].bgColor=LEDonColor;} else if (temp==50){bb[temp].bgColor=LEDoffColor; temp=99; bb[temp-1].bgColor=LEDonColor;}else if (temp==0) {bb[temp].bgColor=LEDoffColor; temp=49;bb[temp-1].bgColor=LEDonColor;} else {bb[temp].bgColor=LEDoffColor;bb[temp-1].bgColor=LEDonColor;} dropArray[i]=temp-1; } else { if(temp==199) {bb[temp].bgColor=LEDoffColor; temp=200;bb[temp+1].bgColor=LEDonColor;} else if (temp==349){bb[temp].bgColor=LEDoffColor; temp=300;bb[temp+1].bgColor=LEDonColor;} else if (temp==299){bb[temp].bgColor=LEDoffColor; temp=250;bb[temp+1].bgColor=LEDonColor;} else if (temp==249){bb[temp].bgColor=LEDoffColor; temp=200;bb[temp+1].bgColor=LEDonColor;} else {bb[temp].bgColor=LEDoffColor;bb[temp+1].bgColor=LEDonColor;} dropArray[i]=temp+1; } } splitCount++;if (splitCount<49) {setTimeout("splitNS()",55);} else {splitCount=0;LEDinit();}}//___________________________________function LEDinit(){if (NS) {loop=setInterval("scroll()",55);} else if(IE){loop=setInterval("scroll()",55);} else{loop=setInterval("scroll()",100);}}</script><BODY onload="LEDinit()">