Advertisement
ruesha

bubble site title

Aug 28th, 2022 (edited)
679
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.26 KB | None | 0 0
  1. <style>
  2. @font-face {
  3. font-family:'ROMANTIC';
  4. src: url(https://dl.dropbox.com/s/xggwcxb6mlf6pwq/ROMANTIC.TTF);
  5. }
  6.  
  7. #bubble {
  8. color:#ffffff;
  9. font-family:'ROMANTIC';
  10. font-size:40px;
  11. letter-spacing: 0.1em;
  12. -webkit-text-stroke-width: 0.5px;
  13. -webkit-text-stroke-color: #000;
  14.  
  15. }
  16.  
  17. </style>
  18.  
  19. <span id="bubble">✦ riti's site! ✦</span>
  20. <script type="text/javascript">
  21. // <![CDATA[
  22. var bgcolour="#ffffff"; // background colour
  23. var fgcolour="#808080"; // foreground colour
  24. var speed=80; // speed of bubbling, lower is faster
  25. var shades=12; // number of shades of bubble
  26.  
  27. /****************************
  28. * Bubbling Text Effect *
  29. *(c)2003-13 mf2fm web-design*
  30. * http://www.mf2fm.com/rv *
  31. * DON'T EDIT BELOW THIS BOX *
  32. ****************************/
  33. var bubbcol=new Array();
  34. var bubbshd;
  35. var bubbler, bubbtxt;
  36. var bubbchr=new Array();
  37.  
  38. function addLoadEvent(funky) {
  39. var oldonload=window.onload;
  40. if (typeof(oldonload)!='function') window.onload=funky;
  41. else window.onload=function() {
  42. if (oldonload) oldonload();
  43. funky();
  44. }
  45. }
  46.  
  47. addLoadEvent(bubbagump);
  48.  
  49. function bubbagump() { if (document.getElementById) {
  50. var i, fg, bg, col;
  51. for (bubbler=0; bubbler<=shades; bubbler++) {
  52. col="#";
  53. for (i=1; i<6; i+=2) {
  54. bg=parseInt(bgcolour.substring(i,i+2),16);
  55. fg=parseInt(fgcolour.substring(i,i+2),16);
  56. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  57. }
  58. bubbcol[bubbler+1]=col;
  59. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  60. }
  61. bubbler=document.getElementById("bubble");
  62. bubbtxt=bubbler.firstChild.nodeValue;
  63. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  64. for (i=0; i<bubbtxt.length; i++) {
  65. fg=document.createElement("span");
  66. fg.setAttribute("id", "bubb"+i);
  67. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  68. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  69. bubbler.appendChild(fg);
  70. }
  71. bubbler=setInterval("bubbling()", speed);
  72. }}
  73.  
  74. function dechex(dec) {
  75. dec=Math.floor(dec);
  76. return ((dec<16)?'0':'')+dec.toString(16);
  77. }
  78.  
  79. function bubbling() {
  80. var i, bubby;
  81. for (i=0; i<bubbtxt.length; i++) {
  82. bubby=document.getElementById("bubb"+i);
  83. if (bubbchr[i]) {
  84. bubby.style.color=bubbcol[bubbchr[i]];
  85. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  86. }
  87. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  88. }
  89. }
  90. // ]]>
  91. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement