ในส่วนนี้ผู้เขียนพูดถึงแท็กพิเศษในรหัส HTML ซึ่งสามารถสร้างข้อความในหน้าเว็บม้วนและควบคุมคุณสมบัติการเลื่อน
ทำข้อความเลื่อน
จากการศึกษาก่อนหน้าของบทนี้ผู้อ่านสามารถควบคุมการแสดงข้อความย่อหน้าที่หลากหลายได้ดี แต่ไม่ว่าจะตั้งค่าไว้อย่างไรข้อความก็คงที่ ในส่วนนี้ผู้เขียนพูดถึงแท็กพิเศษในรหัส HTML ซึ่งสามารถสร้างข้อความในหน้าเว็บม้วนและควบคุมคุณสมบัติการเลื่อน
4.3.1 ตั้งค่าการเลื่อนข้อความวิธีการเลื่อนข้อความในเทคโนโลยี HTML คือการใช้สองแท็ก <Marquee> </marquee> ในรหัส HTML ข้อความในพื้นที่ฟังก์ชั่นสามารถเลื่อนได้และค่าเริ่มต้นคือการเลื่อนจากขวาไปซ้ายลูป สร้างไฟล์หน้าเว็บใน D:/ Web/ Directory ชื่อ Mar.htm และเขียนโค้ดตามที่แสดงในรหัส 4.15
รหัส 4.15 การตั้งค่าการเลื่อนข้อความ: mar.htm
<html>
<head>
<title> การตั้งค่าสำหรับการเลื่อนข้อความ </title>
</head>
<body>
<font size = 5 color =#cc0000>
ตัวอย่างการเลื่อนข้อความ (ค่าเริ่มต้น): <Marquee> เป็นคนที่จะเป็นคน </marquee>
</font>
</body>
</html>
ป้อน http: //localhost/mar.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.15
รูปที่ 4.15 ตั้งค่าฟอร์มการเลื่อนข้อความเริ่มต้น
จากรูปที่ 4.15 เมื่อไม่ได้ตั้งค่าความกว้างแท็ก <Marquee> </ MARQUEE> นั้นเป็นเอกสิทธิ์ของบรรทัดเดียว
4.3.2 ตั้งทิศทางการเลื่อนข้อความแอตทริบิวต์ทิศทางของแท็ก <Marquee> </marquee> ใช้เพื่อตั้งค่าทิศทางการเลื่อนเนื้อหา ค่าแอตทริบิวต์รวมถึงซ้ายขวาขึ้นและลงซึ่งเป็นตัวแทนของซ้ายขวาขึ้นและลงตามลำดับ ตัวอย่างเช่นรหัสต่อไปนี้:
<ทิศทาง marquee = ซ้าย> เป็นคนที่จะเป็นคน </marquee>
<ทิศทาง marquee = ขวา> เป็นคนที่จะเป็นคน </marquee>
<ทิศทาง marquee = up> เป็นคนที่จะเป็นคน </marquee>
<ทิศทาง marquee = down> เป็นคนที่จะเป็นคน </marquee>
4.3.3 ตั้งค่าความเร็วและรูปแบบของการเลื่อนข้อความตั้งค่าการเลื่อนข้อความเพื่อใช้แท็ก <Marquee> </ MARQUEE> และคุณลักษณะของมันจะอธิบายไว้ดังนี้
- คุณสมบัติ Scrollamount ของแท็ก </marquee> </marquee> ใช้เพื่อตั้งค่าความเร็วในการเลื่อนเนื้อหา
- คุณสมบัติพฤติกรรมของแท็ก </marquee> </marquee> ใช้เพื่อตั้งค่าวิธีการเลื่อนเนื้อหา ค่าเริ่มต้นคือการเลื่อนนั่นคือการวนรอบ เมื่อค่าของมันเป็นทางเลือกเนื้อหาจะวนซ้ำไปมา เมื่อค่าของมันถูกเลื่อนเนื้อหาจะหยุดเลื่อนหนึ่งครั้งและจะไม่วนซ้ำ นอกจากนี้ยังมีคุณสมบัติการวนซ้ำที่กำหนดจำนวนรอบการเลื่อนซึ่งค่าเริ่มต้นเป็นไม่ จำกัด
- คุณสมบัติของ Scrolldelay ของแท็ก </marquee> </marquee> ใช้เพื่อตั้งค่าช่วงเวลาสำหรับการเลื่อนเนื้อหา
- คุณสมบัติ BGColor ของแท็ก </marquee> </marquee> ใช้เพื่อตั้งค่าสีพื้นหลังการเลื่อนเนื้อหา (คล้ายกับการตั้งค่าสีพื้นหลังของร่างกาย)
- คุณสมบัติความกว้างของแท็ก </marquee> </marquee> ใช้เพื่อตั้งค่าความกว้างพื้นหลังของการเลื่อนเนื้อหา
- แอตทริบิวต์ความสูงของแท็ก <Marquee> </marquee> ใช้เพื่อตั้งค่าความสูงพื้นหลังการเลื่อนเนื้อหา
แก้ไขไฟล์หน้าเว็บ mar.htm และเขียนโค้ดตามที่แสดงในรหัส 4.16
รหัส 4.16 การตั้งค่าการเลื่อนข้อความ: Mar.htm
<html>
<head>
<title> การตั้งค่าสำหรับการเลื่อนข้อความ </title>
</head>
<body>
<font size = 3 color =#cc0000>
ตัวอย่างการเลื่อนข้อความ (ค่าเริ่มต้น): <Marquee> เป็นคนที่จะเป็นคน </marquee>
ตัวอย่างการเลื่อนข้อความ (ไปทางขวา): <ทิศทาง marquee = ขวา scrolldelay = 500> เป็นคนที่จะเป็นคน </marquee>
ตัวอย่างการเลื่อนข้อความ (ลงวิธีการเลื่อนเป็นสไลด์ความเร็วคือ 10): <marquee scrollamount = 10 พฤติกรรม = สไลด์> เป็นคนที่จะเป็นคน </marquee>
ตัวอย่างของการเลื่อนข้อความ (ทิศทางเริ่มต้นวิธีการเลื่อนเป็นทางเลือกวนวน 3 ครั้งความเร็วคือ 2): <Marquee Scrollamount = 2 พฤติกรรม = สำรอง loop = 3> เป็นคนที่จะเป็นบุคคล </marquee>
ตัวอย่างการเลื่อนข้อความ (ขึ้นไปด้านบนสีพื้นหลังคือ #CCFF66, ตั้งค่าความกว้างและความสูงพื้นหลัง): <ทิศทาง marquee = up bgcolor = #ccff66 ความกว้าง = 250 ความสูง = 55>
</font>
</body>
</html>
ป้อน http: //localhost/mar.htm ในแถบที่อยู่เบราว์เซอร์และเอฟเฟกต์การเรียกดูจะแสดงในรูปที่ 4.16
รูปที่ 4.16 รูปแบบการเลื่อนข้อความที่แตกต่างกัน
คุณลักษณะมากมายของ <Marquee> </marquee> สามารถสะดวกมากในการสร้างข้อความเลื่อน ในการเรียนรู้ JavaScript ที่ตามมาผู้อ่านจะยังคงเรียนรู้พฤติกรรมแบบไดนามิกของแท็ก </marquee> </marquee> ที่ลึกซึ้งยิ่งขึ้น