การสร้างเวบ็ เพจด้วย HTML
การทาตวั อกั ษรวง่ิ
การทาตวั อกั ษรวง่ิ
การทาตวั อกั ษรวง่ิ
นอกจากเราจะใช้ตวั อกั ษรปกตทิ กี่ าหนดให้วางไว้
ตาแหน่งใด ๆ ของเวบ็ เพจ ซึ่งกอ็ ยู่ตรงน้ันตลอดเวลา
เราสามารถกาหนดให้ตวั อกั ษรเคลื่อนทไ่ี ด้อกี ด้วย
ท้งั เคลื่อนจากซ้ายไปขวา เคลื่อนทจี่ ากขวาไปซ้าย
เคล่ือนทจ่ี ากข้างล่างขนึ้ ข้างบน หรือเคลื่อนทจ่ี าก
ข้างบนลงข้างล่าง ซ่ึงเทคนิคนีม้ หี ลาย ๆ เวบ็ ไซต์
นาไปใช้ในการตกแต่งเวบเพจ
การทาตวั อกั ษรวง่ิ
แทก็ คาส่ัง (Tag) ท่ใี ช้ทาตวั อกั ษรวงิ่
<marquee>เขียนขอ้ ความท่ีน่ี</marquee>
การทาตวั อกั ษรวง่ิ
รูปแบบคาส่ัง HTML ที่ใช้ในการทาตัวอกั ษรวง่ิ
<MARQUEE direction=“ทิศทางการวง่ิ ”
width=“ความกว้าง” height=“ความสูง”
scrollamount=“ความเร็วในการวง่ิ ”
scrolldelay=“เวลาหน่วง”>ข้อความ
</MARQUEE>
การทาตวั อกั ษรวง่ิ
ทศิ ทางการวงิ่ มี 4 ทิศ
<marquee direction="…..">ขอ้ ความ</marquee>
ทศิ ทาง คาอธิบาย
UP ว่ิงจากด้านลา่ งขนึ ้ ด้านบน
DOWN ว่ิงจากด้านบนลงด้านลา่ ง
LEFT วิ่งจากด้านขวาไปด้านซ้าย
RIGHT วิ่งจากด้านซ้ายไปด้านขวา
การทาตวั อกั ษรวง่ิ
คาส่ังความเร็วในการวง่ิ
<marquee scrollamount=“เลข”>ขอ้ ความ</marquee>
ใส่ตวั เลขกากบั ความเร็ว ถา้ ตวั เลขมากกย็ งิ่ เร็วมาก ตวั เลขนอ้ ยกย็ งิ่ ชา้
ตวั อยา่ งวิ่งชา้
<marquee scrollamount="5">ความเร็วในการวงิ่ 5</marquee>
ตวั อยา่ งวิ่งเร็ว
<marquee scrollamount="70">ความเร็วในการวง่ิ 70 </marquee>
การทาตวั อกั ษรวง่ิ
คาส่ังพเิ ศษ
<marquee width=“เลข ”>ข้อความ</marquee>
สามารถกาหนดเป็นพกิ เซลหรือ เปอร์เซ็นต์ กไ็ ด้ เพ่ือจะกาหนดวา่ จะ
ใหว้ งิ่ เตม็ หนา้ เวบ็ บราวเซอร์หรือคร่ึงหนา้ หากกาหนดเป็น 50%
การทาตวั อกั ษรวง่ิ
ลกั ษณะการวง่ิ ของข้อความ
<marquee behavior=“……">ขอ้ ความวง่ิ </marquee>
Alternate คือ วิ่งกระทบขอบแลว้ เดง้ กลบั วิง่ กลบั ไปกลบั มา
Slide คือ วง่ิ แลว้ หยดุ ที่ขอบจอภาพ
Scroll คือ ว่งิ หายไปจากขอบและปรากฎที่ขอบอีกดา้ นหน่ึง
การทาตวั อกั ษรวง่ิ
ข้อความวง่ิ และมสี ีพืน้ หลงั
<marquee bgcolor=“ชื่อหรือรหสั สี">ขอ้ ความว่งิ </marquee>
คาสงั่ น้ีจะทาใหข้ อ้ ความวง่ิ และมีสีพ้ืนหลงั เช่น
<marque bgcolor=“pink">ขอ้ ความ</marquee>
การทาตวั อกั ษรวงิ่
ตัวอย่างการสร้างเวบ็ เพจที่มีตวั อกั ษรวิ่ง
<html>
<head><title>อกั ษรวงิ่ </title></head>
<body>
<center><marquee bgcolor="#A9E0B8" direction="left"
scrollamount="5" behavior="scroll" width=“50%">
<font size="6">สีพ้นื หลงั เป็นสีเขียวอ่อน ขอ้ ความวิง่ ไปทางซา้ ย ความเร็วใน
การวิง่ 5 ใชข้ อบเขตคร่ึงหนา้ กระดาษ</font></marquee>
</body>
</html>
การทาตวั อกั ษรวง่ิ
แบบฝึ กหดั เร่ืองการทาอักษรว่งิ
คาชีแ้ จง : ให้นกั เรียนสร้างเวบ็ เพจตามโจทย์ท่กี าหนดให้ด้วย
โปรแกรม notepad พร้อมแสดงผลบนเวบ็ บราวเซอร์
สีพนื ้ หลงั เว็บเพจเป็นสเี หลือง ข้อความวิ่งไปทางซ้าย
สีพนื ้ หลงั ข้อความเป็นสีฟา้ ความเร็วในการวิง่ 4
ใช้ขอบเขตหน้ากระดาษ 70% อย่กู งึ่ กลางหน้าเวบ็ เพจ
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
2ตัวอักษรวิ่ง
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
2ตัวอักษรวิ่ง
- 1 - 11
Pages: