 |
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 2: 'Ripple Text - colour and case change' <!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 = 5; // enter duration time here var fulltext; var whichchar=0; 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="Ripple Text with case and colour change effect." whichchar = whichchar + 1 if (whichchar==fulltext.length+1) whichchar=0; // var whichchar=Math.round((Math.random()*fulltext.length)) switch(whichchar){ case 0: fulltext = '<b><font face="courier" color="orange">' + fulltext.substring (0,1).toUpperCase() + '</font><font face="courier" color="orange">' + fulltext.substring (1,fulltext.length).toLowerCase() + '</font></B>'; break; case fulltext.length: fulltext = '<b><font face="courier" color="yellow">' + fulltext.substring (0,fulltext.length).toUpperCase() + '</font></B>'; break; default: fulltext = '<b><font face="courier"><font color="orange">' + fulltext.substring(0,whichchar).toLowerCase() + '</font><font color="tomato">' + fulltext.substring(whichchar,whichchar+1).toUpperCase() + '</font><font color="orange">' + fulltext.substring(whichchar+1,fulltext.length).toLowerCase() + '</font></font></B>'; 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 = '<p><center>' + fulltext + '</center>'; wds.style.fontSize='25px' } setTimeout("livetext()",speed); } livetext() </script> </font> </BODY> </html> | |||||
| Related Code Examples | |||||
