โค้ดข้อความเลื่อน HTML Marquee Text

บทความนี้จะคล้ายกับบทความ "HTML Marquee Code Banner เลื่อนได้" ด้วยการใช้โค้ด HTML Marquee Code สำหรับทำเป็น Text ข้อความเลื่อน หรือเข้าใจง่าย ๆ ก็คือเปลี่ยนจากรูปภาพมาเป็นข้อความที่เราต้องการนั่นเอง แต่ก็จะมีการเพิ่มโค้ดสำหรับกำหนดขนาดได้ด้วย มีรูปแบบของโค้ดทั้งหมด 4 แบบด้วยกัน

1. โค้ด HTML Marquee Text เลื่อนขึ้นด้านบน

ข้อความของคุณ

<marquee style="width:100px; height:50px; font-size:15px" behavior="scroll" scrolldelay="200" direction="up">

ข้อความของคุณ

</marquee>

2. โค้ด HTML Marquee Text เลื่อนลงด้านล่าง

ข้อความของคุณ

<marquee style="width:100px; height:50px; font-size:15px" behavior="scroll" scrolldelay="200" direction="down">

ข้อความของคุณ

</marquee>

3. โค้ด HTML Marquee Text เลื่อนไปทางซ้าย

ข้อความของคุณ

<marquee style="width:150px; height:50px; font-size:15px" behavior="scroll" scrolldelay="200" direction="left">

ข้อความของคุณ

</marquee>

4. โค้ด HTML Marquee Text เลื่อนไปทางขวา

ข้อความของคุณ

<marquee style="width:150px; height:50px; font-size:15px" behavior="scroll" scrolldelay="200" direction="right">

ข้อความของคุณ

</marquee>

*** ในส่วนของ style="width:150px; height:50px; font-size:15px" และ scrolldelay="100" เราสามารถเปลี่ยน ความกว้าง ความสูง ขนาดตัวอักษร ความเร็ว เพื่อกำหนดขอบเขตการเลื่อนของข้อความให้เหมาะสมตามต้องการได้ ***