วิธีทำเส้นคืบคลานบนเว็บไซต์

วิธีทำเส้นคืบคลานบนเว็บไซต์
วิธีทำเส้นคืบคลานบนเว็บไซต์

วีดีโอ: วิธีทำเส้นคืบคลานบนเว็บไซต์

วีดีโอ: วิธีทำเส้นคืบคลานบนเว็บไซต์
วีดีโอ: การทำสี่เหลี่ยมกรอบมนบนเว็บ 2024, อาจ
Anonim

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

วิธีทำเส้นคืบคลานบนเว็บไซต์
วิธีทำเส้นคืบคลานบนเว็บไซต์

วิธีที่ง่ายที่สุดในการแทรกบรรทัดที่คืบคลานเข้าไปในหน้าเว็บไซต์คือการใช้โค้ด HTML ที่พร้อมใช้งาน ซึ่งแหล่งข้อมูลทางอินเทอร์เน็ตมากมายให้ฟรี ตัวเลือกนี้จะเหมาะสมที่สุด ตัวอย่างเช่น หากคุณต้องการวางฟีดข่าว ราคาหุ้น ข้อมูลพอร์ทัลเกม ฯลฯ บนหน้าเว็บไซต์ของคุณ ในกรณีนี้ คุณต้องค้นหาโค้ดสำเร็จรูปบนหน้าเว็บของแหล่งข้อมูลทางอินเทอร์เน็ตที่เลือก คัดลอกและวางลงในตำแหน่งที่ต้องการในโค้ด HTML ของหน้าเว็บไซต์ของคุณ ตัวเลือกนี้สะดวกไม่เพียงเพราะคุณไม่จำเป็นต้องรู้สคริปต์ที่สร้างแนวการคืบคลาน แต่คุณไม่ต้องกังวลกับการกรอกข้อมูลฟีดดังกล่าว - สิ่งนี้จะทำโดยอัตโนมัติโดยไซต์ที่บรรทัดคืบคลาน รหัสถูกนำไปใช้ หากคุณต้องการเติมข้อมูลหรือรูปภาพของคุณเองในบรรทัดที่คืบคลานเข้ามา คุณจะต้องเขียนโค้ดด้วยตัวเอง วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการใช้แท็ก HTML พิเศษ - marquee ประกอบด้วยส่วนเปิดและส่วนปิดซึ่งส่วนแรกมีข้อมูลเพิ่มเติม - คุณลักษณะ นี่คือข้อมูลบริการที่บอกเบราว์เซอร์ของผู้เยี่ยมชมว่าควรแสดงแบบอักษรและสีใดสำหรับข้อความของเส้นที่กำลังคืบคลานไปในทิศทางใดที่จะเคลื่อนไหว ความกว้าง ความสูง และพื้นหลังของหน้าต่างของบรรทัดนี้ ฯลฯ และระหว่างแท็กเปิดและแท็กปิด ข้อความของฟีดข่าวจะถูกวาง ตัวอย่างเช่น ในรูปแบบที่ง่ายที่สุด โค้ดอาจมีลักษณะดังนี้: นี่คือข้อความรวบรวมข้อมูลที่นี่ เฉพาะความกว้างและความสูงของบล็อกเป็นพิกเซล (แอตทริบิวต์ width และ height) และข้อความเลื่อนเท่านั้น ทิศทางของการเคลื่อนไหวถูกกำหนดโดยแอตทริบิวต์ direction ซึ่งสามารถกำหนดค่าหนึ่งในสี่เป็นภาษาอังกฤษ (ขวา, ซ้าย, ขึ้น, ลง) ตามค่าเริ่มต้น ข้อความการตระเวนจะวนซ้ำ โดยจุดเริ่มต้นจะแนบกับจุดสิ้นสุด ซึ่งจะย้ายไปในทิศทางเดียวกัน หากคุณใช้แอตทริบิวต์ลักษณะการทำงานโดยมีค่าสลับกัน ข้อความที่ไปถึงขอบด้านขวาของหน้าต่างจะกลับทิศทางและจะเด้งออกจากสองฝั่งตรงข้ามอย่างไม่สิ้นสุด คุณลักษณะที่สำคัญอีกประการของเส้นเลื่อนคือ scrollAmount มันกำหนดความเร็วที่ข้อความเคลื่อนที่ในหน่วยสัมพัทธ์ - 1 หมายถึงการเคลื่อนไหวช้าที่สุด 2 หมายถึงเร็วขึ้นเล็กน้อย ฯลฯ ด้วยความช่วยเหลือของแอตทริบิวต์ คุณสามารถตั้งค่าการหน่วงเวลาก่อนที่จะเริ่มการเลื่อนของเส้นเลื่อน จำนวนรอบและการหยุดชั่วคราวระหว่างพวกเขา การเยื้องจากข้อความไปยังขอบของหน้าต่างขององค์ประกอบนี้