graphic-javascript-effect-image-text-effect.htm / htm
<!-- TWO STEPS TO INSTALL EXPANDING TEXT IMAGES: 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Original: Indraswara (indraswara@yahoo.com) --> <!-- Web Site: http://askindra.cjb.net --> <style> <!-- .Newpost { position: absolute; left: 240; top: 20; } .Oldpost { position: absolute; left: 268; top: 20; z-index: 1; } .JPost { position: absolute; left: 78; top: 20; } .APost { position: absolute; left: 114; top: 20; z-index: 1; } .VPost { position: absolute; left: 150; top: 20; } .AAPost { position: absolute; left: 186; top: 20; } .SPost { position: absolute; left: 222; top: 20; } .CPost { position: absolute; left: 258; top: 20; } .RPost { position: absolute; left: 294; top: 20; } .IPost { position: absolute; left: 330; top: 20; } .PPost { position: absolute; left: 366; top: 20; } .TPost { position: absolute; left: 402; top: 20; }//--> </style> </HEAD> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> <BODY> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Original: Indraswara (indraswara@yahoo.com) --> <!-- Web Site: http://askindra.cjb.net --> <div style="position: absolute; top: 102; left: 111; width: 396; height: 16"> <a href="http://www.javascript.internet.com" onmouseover="document.lj.className='JPost'; document.la.className='APost'; document.lv.className='VPost'; document.laa.className='AAPost'; document.ls.className='SPost'; document.lc.className='CPost'; document.lr.className='RPost'; document.li.className='IPost'; document.lp.className='PPost'; document.lt.className='TPost';" onmouseout="document.lj.className='NewPost'; document.la.className='NewPost'; document.lv.className='NewPost'; document.laa.className='NewPost'; document.ls.className='OldPost'; document.lc.className='NewPost'; document.lr.className='NewPost'; document.li.className='NewPost'; document.lp.className='NewPost'; document.lt.className='NewPost';" style="text-decoration: none;"><b><font face="Arial Black">MOUSE YOUR MOUSE OVER THIS TEXT</font></b></a></div> <img border="0" src="graphic-javascript-effect-image-text-lettera.gif" name="la" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letterv.gif" name="lv" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-lettera.gif" name="laa" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letters.gif" name="ls" class="OldPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letterc.gif" name="lc" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letterr.gif" name="lr" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letteri.gif" name="li" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letterp.gif" name="lp" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-lettert.gif" name="lt" class="NewPost" width="60" height="60"> <img border="0" src="graphic-javascript-effect-image-text-letterj.gif" name="lj" class="NewPost" width="60" height="60"> <div style="width: 536; height: 78; position: absolute; left: 13; top: 173"><font face="Arial" color="#FFFFFF"><pre>Download and extract the text images from this URL : <a href="http://www.geocities.com/indraswara/letter.zip">Download the letter images here</a> and place them in a folder named "images" </pre></font> </div> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p> <!-- Script Size: 3.83 KB -->
(C) Æliens 20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.