Expanding Text Images

Công cụ này tạo ra một thông điệp bằng việc mở rộng hình ảnh văn bản . Nó đơn giản là tạo hình ảnh văn bản của riêng bạn để nói bất cứ điều gì bạn cần.

<!-- 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="lettera.gif" name="la" class="NewPost" width="60" height="60">

<img border="0" src="letterv.gif" name="lv" class="NewPost" width="60" height="60">

<img border="0" src="lettera.gif" name="laa" class="NewPost" width="60" height="60">

<img border="0" src="letters.gif" name="ls" class="OldPost" width="60" height="60">

<img border="0" src="letterc.gif" name="lc" class="NewPost" width="60" height="60">

<img border="0" src="letterr.gif" name="lr" class="NewPost" width="60" height="60">

<img border="0" src="letteri.gif" name="li" class="NewPost" width="60" height="60">

<img border="0" src="letterp.gif" name="lp" class="NewPost" width="60" height="60">

<img border="0" src="lettert.gif" name="lt" class="NewPost" width="60" height="60">

<img border="0" src="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"><br>

<a href="http://javascriptsource.com"></a></font>

</center><p>



<!-- Script Size:  3.83 KB -->




Download and extract the text images from this URL :
 
 
 
Download the letter images here
 
 
 
and place them in a folder named "images" 












0 Comment "

Expanding Text Images

"

Đăng nhận xét

Bạn có thể test thử trên Test Html Editor Chọn> Mã màu