บรรดาผู้ที่เคยเขียน HTML เป็นเวลานานอาจจำองค์ประกอบได้ นี่เป็นองค์ประกอบเฉพาะของเบราว์เซอร์ที่สร้างแบนเนอร์ของข้อความที่เลื่อนผ่านหน้าจอ องค์ประกอบนี้ไม่ถูกเพิ่มลงในข้อกำหนด HTML และการสนับสนุนสำหรับเบราว์เซอร์นั้นแตกต่างกันไป คนมักมีความคิดเห็นอย่างมากเกี่ยวกับการใช้องค์ประกอบนี้ทั้งด้านบวกและด้านลบ แต่ไม่ว่าคุณจะรักหรือเกลียดมันก็ทำหน้าที่ในการสร้างเนื้อหาที่ล้นไปตามเขตแดนของกล่อง
ส่วนหนึ่งของเหตุผลที่เบราว์เซอร์ไม่เคยใช้งานอย่างเต็มที่นอกจากความเห็นส่วนตัวที่เข้มแข็งแล้วถือว่าเป็นผลภาพและไม่ควรกำหนดโดย HTML ซึ่งจะกำหนดโครงสร้าง ควรใช้ CSS หรือ CSS แทน และ CSS3 เพิ่มโมดูลปะรำเพื่อควบคุมวิธีที่เบราว์เซอร์เพิ่มผลกระโจมให้กับองค์ประกอบต่างๆ
คุณสมบัติ CSS3 ใหม่
CSS3 เพิ่มคุณสมบัติใหม่ห้าอย่างเพื่อช่วยควบคุมการแสดงเนื้อหาของคุณในกระโจม: ล้นสไตล์, กระโจมสไตล์, ปะรำเล่นนับ, ปะรำทิศทาง และ ความเร็วกระโจม.
ตัวเลือกคือ สุดท้ายสลับเนื้อหาจากด้านหนึ่งไปข้างหน้าเลื่อนไปมา คุณอาจต้องใช้คำนำหน้าของผู้ขายเพื่อให้องค์ประกอบ CSS marquee ทำงานได้ มีดังนี้ คุณสมบัติสุดท้ายช่วยให้คุณสามารถกำหนดวิธีการที่ใหญ่หรือเล็กขั้นตอนควรเป็นเนื้อหาเลื่อนบนหน้าจอในกระโจม เพื่อให้การทำงานของกระโจมของคุณเป็นไปได้คุณควรวางค่าที่ตั้งไว้ล่วงหน้าของผู้ขายแล้วทำตามด้วยค่าข้อกำหนด CSS3 ตัวอย่างเช่นนี่คือ CSS สำหรับกระโจมที่เลื่อนข้อความ 5 ครั้งจากด้านซ้ายไปขวาภายในกล่อง 200x50ล้นสไตล์ ล้นสไตล์ คุณสมบัติ (ซึ่งผมได้กล่าวถึงในบทความ CSS Overflow) จะกำหนดลักษณะที่ต้องการสำหรับเนื้อหาที่เต็มไปด้วยเนื้อหา ถ้าคุณตั้งค่าเป็น ปะรำเส้น หรือ ปะรำบล็อก เนื้อหาของคุณจะเลื่อนเข้าและออกไปทางซ้าย / ขวา (ปะรำเส้น) หรือขึ้น / ลง (ปะรำบล็อก).กระโจมสไตล์พร็อพเพอร์ตี้นี้กำหนดว่าเนื้อหาจะถูกย้ายเข้าสู่มุมมอง (และออก) อย่างไรเลื่อน, สไลด์ และ สลับกัน. เลื่อนเริ่มต้นด้วยเนื้อหาที่ปิดหน้าจอโดยสิ้นเชิงจากนั้นจะเลื่อนไปทั่วพื้นที่ที่มองเห็นได้จนกว่าหน้าจอจะปิดลงทั้งหมด สไลด์เริ่มต้นด้วยเนื้อหาที่ปิดหน้าจอโดยสิ้นเชิงจากนั้นจะเลื่อนไปจนกว่าเนื้อหาจะเข้าสู่หน้าจออย่างสมบูรณ์และไม่มีเนื้อหาเหลืออยู่เพื่อสไลด์บนหน้าจอปะรำเล่นนับหนึ่งในข้อเสียของการใช้ ปะรำ องค์ประกอบคือกระโจมไม่หยุด แต่ด้วยคุณสมบัติแบบ ปะรำเล่นนับ คุณสามารถตั้งค่าขอบกระโจมเพื่อหมุนและปิดเนื้อหาได้หลายครั้งปะรำทิศทางนอกจากนี้คุณยังสามารถเลือกทิศทางที่เนื้อหาควรเลื่อนไปบนหน้าจอ ค่าต่างๆ ข้างหน้า และ ถอยหลัง ขึ้นอยู่กับทิศทางของข้อความเมื่อ ล้นสไตล์ คือ ปะรำเส้น และขึ้นหรือลงเมื่อ ล้นสไตล์ คือ ปะรำบล็อก.รายละเอียดทิศทาง Marquee-Direction
ล้นสไตล์ทิศทางภาษา ข้างหน้า ถอยหลัง ปะรำเส้นltr ซ้าย ขวา RTL ขวา ซ้าย ปะรำบล็อก ขึ้น ลง ความเร็วกระโจมคุณสมบัตินี้กำหนดความเร็วเนื้อหาที่เลื่อนบนหน้าจอ ค่าคือ ช้า, ปกติ, และ รวดเร็ว. ความเร็วจริงขึ้นอยู่กับเนื้อหาและเบราว์เซอร์ที่แสดง แต่ค่าต้องเป็น ช้า ช้ากว่า ปกติ ซึ่งช้ากว่า รวดเร็ว.การสนับสนุนเบราเซอร์ของ Marquee Properties
CSS3 คำนำหน้าผู้ขาย overflow-x: marquee-line;overflow-x: -webkit-marquee;กระโจมสไตล์-webkit-กระโจมสไตล์ปะรำเล่นนับ-webkit-ปะรำซ้ำกระโจม - ทิศทาง: ไปข้างหน้า | ย้อนกลับ;- เว็บแคม - กระโจม - ทิศทาง: ไปข้างหน้า | ย้อนหลัง;ความเร็วกระโจม-webkit-ปะรำความเร็วไม่เท่ากัน -webkit-ปะรำ-เพิ่มขึ้น{ ความกว้าง: 200px; ความสูง: 50px; พื้นที่สีขาว: nowrap; overflow: hidden; ล้น-x: -webkit-ปะรำ; - เว็บแคม - กระโจม - ทิศทาง: ส่งต่อ; -webkit-marquee-style: เลื่อน; - เว็บแคม - กะพริบ - ความเร็ว: ปกติ; - เว็บเบราเซอร์ - ปะรำ - เพิ่มขึ้น: เล็ก; - เว็บแคม - กระโจม - ซ้ำ: 5; overflow-x: marquee-line; กระโจม - ทิศทาง: ไปข้างหน้า; สไตล์กระโจม: เลื่อน; กะพริบความเร็ว: ปกติ; marquee-play-count: 5;}
