วิธีการสร้าง Ticker สำหรับเว็บไซต์ของคุณ

...

เพิ่มทิกเกอร์ลงในเว็บไซต์ของคุณโดยใช้โค้ด HTML และ CSS สองสามบรรทัด

หรือที่รู้จักในชื่อ marquees ทิกเกอร์จะเลื่อนไปตามความกว้างของหน้าจอการดู โดยนำเสนอข้อความที่ออกแบบมาให้สามารถดูและเข้าใจได้อย่างรวดเร็ว มักใช้ในโทรทัศน์เพื่อแสดงไฮไลท์ข่าวหรือข้อมูลตลาดหุ้น บางครั้งทิกเกอร์ก็ปรากฏบนเว็บเช่นกัน ด้วยโค้ด HTML และ Cascading Style Sheet (CSS) สองสามบรรทัด คุณสามารถเพิ่มเนื้อหาประเภทนี้ในเว็บไซต์ของคุณได้อย่างรวดเร็ว

ขั้นตอนที่ 1

เปิดหน้าเว็บของคุณแล้วดูโค้ด HTML หากคุณใช้เครื่องมือแก้ไขภาพ เช่น Adobe Dreamweaver ให้เปิดเพจแล้วคลิกบริเวณที่คุณต้องการเพิ่มทิกเกอร์ เปลี่ยนโหมดการดูของคุณเป็นมุมมองโค้ด ซึ่งจะแสดงโค้ด HTML ที่ควบคุมลักษณะที่ปรากฏของหน้าเว็บของคุณ หากคุณใช้เท็กซ์เอดิเตอร์ ให้เปิดเพจของคุณในเอดิเตอร์แล้วเลื่อนลงไปที่ส่วนของเพจที่คุณต้องการเพิ่มทิกเกอร์

วีดีโอประจำวันนี้

ขั้นตอนที่ 2

กดปุ่ม "Enter" เพื่อแทรกบรรทัดว่าง

ขั้นตอนที่ 3

คัดลอกและวางรหัสต่อไปนี้ลงในบรรทัดว่าง:

ข้อความตัวอย่างไปที่นี่

รหัสนี้กำหนดองค์ประกอบปะรำ ซึ่งจะเลื่อนเนื้อหาผ่านหน้าจอจากขวาไปซ้ายตามค่าเริ่มต้น ย่อหน้าระหว่างแท็กเปิดและปิดปะรำคือเนื้อหาในตัวอย่างนี้

ขั้นตอนที่ 4

อัปเดตพารามิเตอร์โค้ดเพื่อให้เหมาะกับความต้องการในการออกแบบของคุณ แท็ก Marquee เปิดใช้กฎรูปแบบ CSS เพื่อกำหนดสีพื้นหลังสีเทาอ่อน พร้อมด้วยเส้นขอบกว้าง 1 พิกเซลที่มีสีเทาเข้มกว่าเล็กน้อย ค่าทั้งหมดนี้สามารถปรับได้ นอกจากนี้ แทนที่เนื้อหาตัวยึดตำแหน่งที่อยู่ระหว่างแท็กเปิดและปิดย่อหน้าด้วยข้อความหรือรูปภาพของคุณเอง

ขั้นตอนที่ 5

บันทึกหน้าของคุณและเปิดในเว็บเบราว์เซอร์ ทิกเกอร์ปรากฏบนหน้าจอที่ตำแหน่งของเพจที่คุณเลือกในขั้นตอนที่ 1

หมวดหมู่

ล่าสุด

วิธีการนำเข้าไฟล์ VMDK ไปยัง VMware

วิธีการนำเข้าไฟล์ VMDK ไปยัง VMware

เครดิตรูปภาพ: unrey / iStock / GettyImages หากค...

วิธีแยกไฟล์ Zip แยก

วิธีแยกไฟล์ Zip แยก

ไฟล์มัลติมีเดีย เกมที่มีผู้เล่นหลายคน และซอฟต์แ...

วิธีใช้ 7-Zip เพื่อคลายซิป

วิธีใช้ 7-Zip เพื่อคลายซิป

ติดตั้ง 7-Zip หากยังไม่ได้ติดตั้ง ดาวน์โหลดโปรแ...