Advertisement
talas

glowing text effect

May 3rd, 2021
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.07 KB | None | 0 0
  1. <p style="color:#fff0f6;font-family:Times;font-size:30px;font-weight:bold;"><span id="bubble">TALA</span>
  2. <script type="text/javascript">
  3. // <![CDATA[
  4. var bgcolour="#feeaf2 "; // background colour
  5. var fgcolour="#f7b0ca"; // foreground colour
  6. var speed=80; // speed of bubbling, lower is faster
  7. var shades=12; // number of shades of bubble
  8.  
  9. /****************************
  10. * Bubbling Text Effect *
  11. *(c)2003-13 mf2fm web-design*
  12. * http://www.mf2fm.com/rv *
  13. * DON'T EDIT BELOW THIS BOX *
  14. ****************************/
  15. var bubbcol=new Array();
  16. var bubbshd;
  17. var bubbler, bubbtxt;
  18. var bubbchr=new Array();
  19.  
  20. function addLoadEvent(funky) {
  21. var oldonload=window.onload;
  22. if (typeof(oldonload)!='function') window.onload=funky;
  23. else window.onload=function() {
  24. if (oldonload) oldonload();
  25. funky();
  26. }
  27. }
  28.  
  29. addLoadEvent(bubbagump);
  30.  
  31. function bubbagump() { if (document.getElementById) {
  32. var i, fg, bg, col;
  33. for (bubbler=0; bubbler<=shades; bubbler++) {
  34. col="#";
  35. for (i=1; i<6; i+=2) {
  36. bg=parseInt(bgcolour.substring(i,i+2),16);
  37. fg=parseInt(fgcolour.substring(i,i+2),16);
  38. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  39. }
  40. bubbcol[bubbler+1]=col;
  41. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  42. }
  43. bubbler=document.getElementById("bubble");
  44. bubbtxt=bubbler.firstChild.nodeValue;
  45. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  46. for (i=0; i<bubbtxt.length; i++) {
  47. fg=document.createElement("span");
  48. fg.setAttribute("id", "bubb"+i);
  49. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  50. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  51. bubbler.appendChild(fg);
  52. }
  53. bubbler=setInterval("bubbling()", speed);
  54. }}
  55.  
  56. function dechex(dec) {
  57. dec=Math.floor(dec);
  58. return ((dec<16)?'0':'')+dec.toString(16);
  59. }
  60.  
  61. function bubbling() {
  62. var i, bubby;
  63. for (i=0; i<bubbtxt.length; i++) {
  64. bubby=document.getElementById("bubb"+i);
  65. if (bubbchr[i]) {
  66. bubby.style.color=bubbcol[bubbchr[i]];
  67. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  68. }
  69. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  70. }
  71. }
  72. // ]]>
  73. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement