css ตัวอักษรวิ่ง

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
worachat
PHP Hero Member
PHP Hero Member
Posts: 179
Joined: 23/05/2016 9:55 am

css ตัวอักษรวิ่ง

Post by worachat » 23/05/2016 5:01 pm

คำสั่ง <marquee>และตัวปิดคือ</marquee> เช่น <marquee>เขียนข้อความที่นี่</marquee>
***<MARQUEE> เป็นคำสั่งที่ใช้สำหรับกำหนดให้ตัวอักษรวิ่ง

คำสั่งทิศทางการวิ่ง
ทิศทางการวิ่งมี 5 อย่าง คือ
1.<marquee direction="left">ข้อความวิ่งจากขวาไปซ้าย</marquee>
2.<marquee direction="right">ข้อความวิ่งจากซ้ายไปขวา</marquee>
3.<marquee direction="up">ข้อความวิ่งจากล่างขึ้นบน</marquee>
4.<marquee direction="down">ข้อความวิ่งจากบนลงล่าง</marquee>
5. <marquee behavior="alternate">ข้อความวิ่งไปกลับ</marquee>
ตัวอย่างโค้ด

Code: Select all

<HTML>
<BODY>
<marquee direction="left">ข้อความวิ่งจากขวาไปซ้าย</marquee>
<marquee direction="right">ข้อความวิ่งจากซ้ายไปขวา</marquee> 
<marquee direction="up">ข้อความวิ่งจากล่างขึ้นบน</marquee>
<marquee direction="down">ข้อความวิ่งจากบนลงล่าง</marquee>
<marquee behavior="alternate">ข้อความวิ่งไปกลับ</marquee>
</BODY>
</HTML>
Run.png
คำสั่งการกำหนดความเร็วของตัวอักษร
1. <marquee direction="lefe" scrollamount="5"> ข้อความวิ่งไปทางซ้าย ความเร็วในการวิ่ง 5 </marquee>
ตัวอย่างโค้ด

Code: Select all

<html>
   <body>
      <marquee direction="lefe" scrollamount="5" > ข้อความวิ่งไปทางซ้าย ความเร็วในการวิ่ง 5 
      </marquee>
   </body>
</html>
rapin.png
คำสั่งการกำหนดสี
1.<marque bgcolor="blue">ข้อความและสีพื้นหลัง </marquee>
ตัวอย่างโค้ด

Code: Select all

<html>
   <body>
      <marquee bgcolor="#9ACD32" direction="lefe" scrollamount="5" width="50%">สีพื้นหลังเป็นสีสีเขียวเหลือง ข้อความวิ่งไปทางซ้าย ความเร็วในการวิ่ง 5 
      ใช้ขอบเขตครึ่งหน้ากระดาษ
      </marquee>
   </body>
</html>
BKRun.png
**หากต้องการให้ภาพวิ่งก็ไม่ยาก
ตัวอย่างโค้ด

Code: Select all

<HTML>
<BODY>
<marquee direction="left"><img src="ชื่อรูป.สกุลรูป"></marquee>
</BODY>
</HTML>
picrun.png
สามารถอ่านเพิ่มเติมหรือก่อน เพื่อทำความเข้าใจ HTML CSS ความรู้เกี่ยวกับ html css

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 8 guests