Freecode
>  Home   HTML   CSS   JavaScript   PHP   Perl   Photoshop   TCP/IP 

ตัวอักษรค่อยๆปรากฎ

          สคริปต์นี้เพิ่มเอ็ฟเฟกต์ให้ตัวอักษรค่อยๆปรากฎออกมา

ยินดีต้อนรับสู่ realdev.truehits.net

:: How to Build ::
  1. เขียนฟังก์ชั่นสำหรับไล่สีตัวอักษร ฟังก์ชั่น getElementById() ใช้สำหรับหาอ็อบเจกต์ที่มี Id ตามที่กำหนด function fadetext(){ if(hex>0) { hex-=11; document.getElementById("sample").style.color= "rgb("+hex+","+hex+","+hex+")"; setTimeout("fadetext()",20); } else hex=255; }
  2. วางตัวอักษรเอาไว้ในตำแหน่งที่ต้องการ สังเกตค่าใน id="" จะเป็ชื่อเดียวกับในฟังก์ชั่น <div id="sample" style="width:100%">ยินดีต้อนรับสู่ realdev.truehits.net</div>
  3. ส่วนที่ใช้สั่งให้ Script ทำงานก็แล้วแต่การประยุกต์ใช้ครับ ในตัวอย่างเป็นการรันสคริปต์โดยการกดปุ่ม <button onClick="fadetext()">Fade Text</button>





© copyright 2001 Sorrawut Korsuwansiri