 |
Submit Your Code | |
 |
SEO Monitor | |
 |
UpTime Monitor | |
 |
PHP Code Contest | |
 |
My Favorite Examples | |
|
My Favorite Articles | |
 |
Update Your Profile | |
|
|
| More Weber Sites | ||
| PHP Code Search | ||
| Web Development Forums | ||
| Learn MySQL Playing Trivia | ||
| PHPBB2 Templates | ||
| Web Development Index | ||
| Web Development Resources | ||
| Web Development Content | ||
| Recommended Links | ||
| PHPClasses | ||
| PHP Editor | ||
| PHP Jobs | ||
| Vision.To Design | ||
| Ajax Tutorials | ||
| PHP Programming Help | ||
| PHP/MySQL Programming | ||
| Webmaster Resources | ||
| Webmaster Forum | ||
| XML meta language | ||
| website builder | ||
| Recommended | ||
| Mobile Dev World | ||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Code | |||||
This is first of three different 'ripple text' effects coded in Javascript. Sample 1 = Random change the display of characters in a text string Sample 2 = Sequential change display of characters in a text string - colour and case Sample 3 = Change display of characters in a text string - progressive colour change This is sample 1: 'Random Text' <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <SCRIPT LANGUAGE="JavaScript"> <!-- function open () {return true;} //--> </SCRIPT> <title>Ripple Text Examples by Mark Boyle email mboil@hotmail.com</title> </head> <BODY bgcolor=green text="white" bgcolor="green" link="yellow" vlink="yellow" alink="red"> <font color="yellow"> <SCRIPT LANGUAGE="JavaScript"> var speed = 20; var fulltext; if(navigator.appName == "Netscape") document.write('<layer id="wds"></layer><br>'); if (navigator.appVersion.indexOf("MSIE") != -1) document.write('<span id="wds"></span><br>'); function livetext() { fulltext="this is an example of random effect text" var whichchar=Math.round((Math.random()*fulltext.length)) switch(whichchar){ case 0: fulltext = '<font color="red">' + fulltext.substring(0,1) + '</font>' + fulltext.substring (1,fulltext.length); break; case fulltext.length: fulltext = fulltext.substring(0,fulltext.length-1) + '<font color="red">' + fulltext.substring (fulltext.length-1,fulltext.length) + '</font>'; break; default: fulltext = fulltext.substring(0,whichchar) + '<font color="violet">' + fulltext.substring(whichchar,whichchar+1) + '</font>' + fulltext.substring(whichchar+1,fulltext.length); break; } if(navigator.appName == "Netscape") { size = "<font point-size='25pt'>"; document.wds.document.write(size+'<center>' + fulltext + '</center></font>'); document.wds.document.close(); } if (navigator.appVersion.indexOf("MSIE") != -1){ wds.innerHTML = '<center>' + fulltext + '</center><p>'; wds.style.fontSize='25px' } setTimeout("livetext()",speed); } livetext() </script> </font> </BODY> </html> | |||||
| Related Code Examples | |||||
