นิยาย การสร้างเว็บไซของตัวเองง่ายๆๆ 2 > ลำดับตอนที่ #2 : ตัวอักษรวิ่งเหมือนคลื่น : Dek-D.com - Writer

ลำดับตอนที่ #2

เลื่อนอัตโนมัติ

การสร้างเว็บไซของตัวเองง่ายๆๆ<ด้วยJavaScript> 2

ลำดับตอนที่ #2 : ตัวอักษรวิ่งเหมือนคลื่น

อัปเดตล่าสุด 20 ก.ย. 49

ตัวอักษรวิ่งเหมือนคลื่น

ต้องการให้แสดงที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

กด Ctrl+A แล้วก็กด Ctrl+C เพื่อ coppy ข้อความทั้งหมดในกล่องข้างล่างครับ

<script language="JavaScript"> //put your text here var theText = "พิมพ์ข้อความที่นี่ครับ"; function nextSize(i,incMethod,textLength) { if (incMethod == 1) return (72*Math.abs( Math.sin(i/(textLength/3.14))) ); if (incMethod == 2) return (255*Math.abs( Math.cos(i/(textLength/3.14)))); } function sizeCycle(text,method,dis) { output = ""; for (i = 0; i < text.length; i++) { size = parseInt(nextSize(i +dis,method,text.length)); output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; } theDiv.innerHTML = output; } function doWave(n) { sizeCycle(theText,1,n); if (n > theText.length) {n=0} setTimeout("doWave(" + (n+1) + ")", 50); } </script> <div ID="theDiv" align="center"> </div>

เพิ่ม onload="doWave(0)" เข้าไปใน <body> ครับ เป็นแบบนี้ครับ

<body onload="doWave(0)">

................................................

สวัสดีครับ

ติดตามเรื่องนี้

เก็บเข้าคอลเล็กชัน

writer

~oneman~

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

กำลังโหลด...

อีบุ๊ก ดูทั้งหมด

กำลังโหลด...

ความคิดเห็น

×