Mr_x

Efectos de texto con JavaScript

Jun 27th, 2012
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.66 KB | None | 0 0
  1. Texto o frase que se ilumina como una baliza (sirena). Puedes modificar su tamaño color y Fuente.
  2. <script>
  3. mesk=new Array();mesk[10]="A";mesk[11]="B";mesk[12]="C";mesk[13]="D";mesk[14]="E";mesk[15]="F";A=10;B=11;C=12;D=13;E=14;F=15;let="ABCDEF";function mes(num){if(let.indexOf(num) != -1){return eval(num)};else{if(num < 10){return eval(num)};else{return mesk[num]}}};
  4.  
  5. function color(begin,einde,stappen,stap){
  6. hh1=(mes(begin.charAt(0))*16)+mes(begin.charAt(1));
  7. hh2=(mes(begin.charAt(2))*16)+mes(begin.charAt(3));
  8. hh3=(mes(begin.charAt(4))*16)+mes(begin.charAt(5));
  9. pp1=(mes(einde.charAt(0))*16)+mes(einde.charAt(1));
  10. pp2=(mes(einde.charAt(2))*16)+mes(einde.charAt(3));
  11. pp3=(mes(einde.charAt(4))*16)+mes(einde.charAt(5));
  12.  
  13. if(hh1 < pp1){ff1=hh1+Math.floor((pp1-hh1)/stappen*stap);
  14. ff1=eval("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");}
  15. ;else{ff1=hh1-Math.floor((hh1-pp1)/stappen*stap);
  16. ff1=eval("'"+mes(Math.floor(ff1/16))+"'")+eval("'"+mes(ff1-(Math.floor(ff1/16)*16))+"'");}
  17. if(hh2 < pp2){ff2=hh2+Math.floor((pp2-hh2)/stappen*stap);
  18. ff2=eval("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");}
  19. ;else{ff2=hh2-Math.floor((hh2-pp2)/stappen*stap);
  20. ff2=eval("'"+mes(Math.floor(ff2/16))+"'")+eval("'"+mes(ff2-(Math.floor(ff2/16)*16))+"'");}
  21. if(hh3 < pp3){ff3=hh3+Math.floor((pp3-hh3)/stappen*stap);
  22. ff3=eval("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");}
  23. ;else{ff3=hh3-Math.floor((hh3-pp3)/stappen*stap);
  24. ff3=eval("'"+mes(Math.floor(ff3/16))+"'")+eval("'"+mes(ff3-(Math.floor(ff3/16)*16))+"'");}
  25. ;return ff1+ff2+ff3}
  26. bum=0;bum2=0;txt=new Array();txt[0]="";function lightf(){
  27. for(i=0;i != Math.floor(message.length/2);i++){txt[i]=color(lightcolor1,lightcolor2,Math.floor(message.length/2),i)};
  28. for(i=Math.floor(message.length/2);i != message.length;i++){txt[i]=color(lightcolor2,lightcolor1,Math.floor(message.length/2),(i-Math.floor(message.length/2)))};
  29. lightf1()}
  30. function lightf1(){txt[message.length+1]="";bum2=message.length-bum;for(i=0;i != message.length;i++){if(i+bum < message.length){txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[(i+bum)]+"'>"+message.charAt(i)+"</font>"};else{txt[message.length+1]=txt[message.length+1]+"<font color='#"+txt[i-bum2]+"'>"+message.charAt(i)+"</font>"
  31. }};if(bum != message.length){bum++;};else{bum=0};light.innerHTML=txt[message.length+1];setTimeout("lightf1()",50)}
  32. </script>
  33. <script>
  34. lightcolor1="FF0000" // use capital letters
  35. lightcolor2="000000" // use capital letters
  36. message="Letras con Iluminación Propia, puedes cambiar su tamaño y color"
  37. lightf()
  38. </script>
  39. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  40. Texto con iluminación , simula luz de neón, panel publicitario.
  41.  
  42. Texto que simila luz de neón, estilo de un panel publicitario con javascript. Puedes modificar su tamaño color y Fuente.
  43.  
  44. <script language="JavaScript1.2" type="text/javascript">
  45.  
  46.  
  47. var message="* * Bienvenido * *"
  48. var neonbasecolor="blue"
  49. var neontextcolor="red"
  50. var flashspeed=100 //in milliseconds
  51.  
  52. ///No need to edit below this line/////
  53.  
  54. var n=0
  55. if (document.all||document.getElementById){
  56. document.write('<font color="'+neonbasecolor+'">')
  57. for (m=0;m<message.length;m++)
  58. document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
  59. document.write('</font>')
  60. }
  61. else
  62. document.write(message)
  63.  
  64. function crossref(number){
  65. var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
  66. return crossobj
  67. }
  68.  
  69. function neon(){
  70.  
  71. //Change all letters to base color
  72. if (n==0){
  73. for (m=0;m<message.length;m++)
  74. //eval("document.all.neonlight"+m).style.color=neonbasecolor
  75. crossref(m).style.color=neonbasecolor
  76. }
  77.  
  78. //cycle through and change individual letters to neon color
  79. crossref(n).style.color=neontextcolor
  80.  
  81. if (n<message.length-1)
  82. n++
  83. else{
  84. n=0
  85. clearInterval(flashing)
  86. setTimeout("beginneon()",1500)
  87. return
  88. }
  89. }
  90.  
  91. function beginneon(){
  92. if (document.all||document.getElementById)
  93. flashing=setInterval("neon()",flashspeed)
  94. }
  95. beginneon()
  96.  
  97.  
  98. </script>
  99.  
  100. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  101. Texto con Iluminación, simula un arcoiris, las letras van cambiando su color
  102.  
  103. Texto con Iluminación, simula un arcoiris, las letras van cambiando su color. texto arcoiris. Puedes modificar su tamaño color y Fuente.
  104.  
  105. <script>
  106.  
  107. /*
  108. RAINBOW TEXT Script by Matt Hedgecoe (c) 2002
  109. Featured on JavaScript Kit
  110. For this script, visit http://www.javascriptkit.com
  111. */
  112.  
  113. // ********** cambia aquí
  114.  
  115. var text="texto arcoiris" // tu texto
  116. var speed=80 // velocidad de movimiento
  117.  
  118.  
  119. if (document.all||document.getElementById){
  120. document.write('<span id="highlight">' + text + '</span>')
  121. var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
  122. }
  123. else
  124. document.write(text)
  125. var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
  126. var r=1
  127. var g=1
  128. var b=1
  129. var seq=1
  130. function changetext(){
  131. rainbow="#"+hex[r]+hex[g]+hex[b]
  132. storetext.style.color=rainbow
  133. }
  134. function change(){
  135. if (seq==6){
  136. b--
  137. if (b==0)
  138. seq=1
  139. }
  140. if (seq==5){
  141. r++
  142. if (r==12)
  143. seq=6
  144. }
  145. if (seq==4){
  146. g--
  147. if (g==0)
  148. seq=5
  149. }
  150. if (seq==3){
  151. b++
  152. if (b==12)
  153. seq=4
  154. }
  155. if (seq==2){
  156. r--
  157. if (r==0)
  158. seq=3
  159. }
  160. if (seq==1){
  161. g++
  162. if (g==12)
  163. seq=2
  164. }
  165. changetext()
  166. }
  167. function starteffect(){
  168. if (document.all||document.getElementById)
  169. flash=setInterval("change()",speed)
  170. }
  171. starteffect()
  172. </script>
  173.  
  174. +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Advertisement
Add Comment
Please, Sign In to add comment