Advertisement
kyujouz

flicker text

Mar 10th, 2024
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. <style>
  2. #rainbow {
  3. font: 1.5em lovely;
  4. color: #854234;
  5. filter: drop-shadow( 0 1px #854234) drop-shadow( 1px 0 #854234) drop-shadow( 0 -1px #854234) drop-shadow( -1px 0 #854234);
  6. </style>
  7.  
  8. <script type="text/javascript">
  9. // <![CDATA[
  10. var speed=250; // speed colours change, 1 second = 1000
  11. var glow=0; // can be set from '0' for no glow, to 10
  12. var raincol=new Array("#C6DEBA", "#B5A5E0", "#C6DEBA", "#B5A5E0", "#C6DEBA", "#B5A5E0", "#C6DEBA", "#B5A5E0", "#C6DEBA", "#B5A5E0", "#C6DEBA", "#B5A5E0"); // change the colours if you want to
  13. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  14.  
  15. /****************************
  16. * Rainbow Text Effect *
  17. *(c)2003-13 mf2fm web-design*
  18. * http://www.mf2fm.com/rv *
  19. * DON'T EDIT BELOW THIS BOX *
  20. ****************************/
  21. var rainbow, raintxt, raincnt=0;
  22.  
  23. function addLoadEvent(funky) {
  24. var oldonload=window.onload;
  25. if (typeof(oldonload)!='function') window.onload=funky;
  26. else window.onload=function() {
  27. if (oldonload) oldonload();
  28. funky();
  29. }
  30. }
  31.  
  32. addLoadEvent(regenbogen);
  33.  
  34. function regenbogen() { if (document.getElementById) {
  35. var i, rainbeau;
  36. rainbow=document.getElementById("rainbow");
  37. raintxt=rainbow.firstChild.nodeValue;
  38. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  39. for (i=0; i<raintxt.length; i++) {
  40. rainbeau=document.createElement("span");
  41. rainbeau.setAttribute("id", "rain"+i);
  42. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  43. if (alink) {
  44. rainbeau.style.cursor="pointer";
  45. rainbeau.onclick=function() { top.location.href=alink; }
  46. }
  47. rainbow.appendChild(rainbeau);
  48. }
  49. rainbow=setInterval ("raining()", speed);
  50. }}
  51.  
  52. function raining() {
  53. var i, c;
  54. for (i=0; i<raintxt.length; i++) {
  55. c=raincol[(i+raincnt)%raincol.length];
  56. document.getElementById("rain"+i).style.color=c;
  57. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  58. }
  59. raincnt++;
  60. }
  61. // ]]>
  62. </script>
  63. <span id="rainbow">flicker</span>
  64.  
  65. <style>
  66. @font-face {
  67. font-family: lovely;
  68. src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
  69. }
  70. </style>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement