BUBBLING TEXT EFFECT
xml compliantThis script has been tested on and shown to work with the following browsers:
  • Internet Explorer version 5 and above
  • Google Chrome version 1 and above
  • Mozilla Firefox version 1 and above
  • Apple Safari version 5 and above
  • Opera version 7 and above (including Opera mobile)
  • Android Browser version 1 and above
29-May-2013: Updated onload handler and added shadow around text.
12-Jan-2006: Internet Explorer 4 support removed. Made XML compliant
STEP 1: Copy and paste the code below so that it sits between the <head> and </head> tags at the top of your web-page:



CLICK HERE to select all the above text
STEP 2: Change the colours at the start of the script you just copied to reflect the background and foreground colours of your web-page. Only use the format '#ffffff' and not 'white' or 'rgb(255, 255, 255)'.
STEP 3: Place a <span> element with 'id="bubble"' on your web-page containing the text you wish to go all bubbly. For example:



Don't include anything other than text between the <span> tags.
THAT'S IT When your page loads, the text you placed between between the <span> tags should be turned all bubbly, like the text at the top of this page. This is one of the older scripts on this site, having been around since 2003 (over 10 years!) but is still one of the more popular. People must like the idea of having bubbly text on their web-sites.

Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this page would be appreciated. The address for this page is: http://www.mf2fm.com/rv/dhtmlbubblegum.php.

This page has been viewed 1412 times. It was last viewed on Wed 23 Apr, 2014 at 09:26