Blog tips เก็บ ๆ เค้ามา #5 มาขี่ (มาร์คี-marquee) หนู หนูละงง มาขี่ (มาร์คี-marquee) หนู ทำหนูงง ตัวอักษรวิ่ง หรือ Marquee การทำข้อความวิ่งด้วย ข้อพึงระวัง marquee ไม่ได้เป็นคำสั่งมาตรฐานในระบบ html ดังนั้นอาจจะแสดงผลไม่ได้ในบาง browser ครับเพราะว่ามันทำมาเพื่อใช้ในระบบ internet explorer เท่านั้น แต่สำหรับใน blog ใช้ได้ครับ รวมทั้งในกล่องความเห็น (comment) ด้วย browser อื่น ๆ ที่จะใช้ได้นั้นก็เช่น opera และ firefox ครับ ส่วน netscape ว่ากันว่าใช้ไม่ได้ ไม่เคยลองเหมือนกันครับ Marquee นั้น ทำให้ตัวหนังสือเคลื่อนไหวได้ครับ ส่วนตัวผมว่ามันทำให้ตาลายนะครับ แต่ว่าก็เป็นสีสันอาจจะใช้ตบแต่ง blog เล็ก ๆ น้อย ๆ ได้ พอให้มีการเคลื่อนไหวครับ มากไปจะทำให้งงมากกว่าได้ผลดี ตัวอย่าง : < marquee >ดูซะ หนูวิ่งได้ด้วยน๊าาาา < /marquee > ผลที่ได้ : หากต้องการสีสรร หรือขนาดอักษรอื่น ๆ ก็ใส่ ข้อความที่ต้องการ ไปในข้อความ ตัวอย่าง : < marquee>ดูซะ หนูสีสด แถมวิ่งได้ด้วยน๊าาาา < /marquee> ผลที่ได้ : ลูกเล่นใน marquee มีคำสั่งที่น่าสนใจหลายคำสั่งครับ ลองมาดูทีละคำสั่งนะครับ เปลี่ยนสีพื้นหลัง โดยใช้ ตัวอย่าง : ผลที่ได้ : ข้อความวิ่งไปวิ่งมา โดยใช้ ทิศทางการวิ่ง ถ้าไม่กำหนดแล้ว จะวิ่งมาจากทางขวามือเสมอ ถ้าต้องการกำหนดใช้ ตัวอย่าง : ผลที่ได้ : รูปแบบของการวิ่ง หรือ behavior ถ้าไม่กำหนด (default) จะเป็น scroll คือเลื่อนไปจนสุดครับ คำสั่งที่ใช้คือ ตัวอย่าง : ผลที่ได้ : ตัวอย่าง : ผลที่ได้ : สองคำสั่งต่อไปเป็นการทำให้การวิ่งช้าลง โดยกำหนดเป็นเวลา ใช้คำสั่ง ตัวอย่าง : ผลที่ได้ : ตัวอย่าง : ผลที่ได้ : หากต้องการกำหนดความสูง ความกว้างของกรอบตัววิ่งที่เห็น ก็ใช้การกำหนดโดยใส่ หากไม่กำหนด จะมีค่าเท่ากับค่าความสูงของ font รวมกับความสูงของช่องระหว่างบรรทัดล่างและบนครับ ส่วนความกว้าง จะกำหนด default เป็น 100% คือความกว้างเท่ากับทั้งกรอบหน้าครับ เริ่มงงหรือยังครับ... ลองมาดูต่ออีกนิดครับ การทำข้อความและรูปวิ่งได้ สำหรับการใช้รูปผสมข้อความใน marquee เราจะใช้คำสั่งเพิ่มเติมอีก 3 คำสั่งที่ใช้บ่อย ๆ ครับ algin="รูปแบบที่ต้องการจัด" ใช้เพื่อจัดรูปแบบของ content ในกรอบ มีให้เลือกแยะครับ เช่น ทั่วไป : center, left, right เพิ่มเติม : absbottom, absmiddle, baselinebottom, topและ texttopเป็นอาทิ สำหรับกรอบ หรือระยะรอบ ๆ ใช้ hspace=".." แทนระยะ Horizental space หรือแนวนอน และ vspace="..." แทนระยะ Vertical space ในแนวดิ่ง สำหรับข้อความที่วิ่งไปวิ่งมานี้ อาจจะใส่ภาพ หรือ link หรือ ข้อความก็ได้ครับ มึนตึ๊บละสิครับ เอิ๊กส์ เอาเป็นว่า เพื่อเป็นกำลังใจ ผมเอาของดีมาฝากแล้วกันครับ ที่ต้องทำก็แค่ copy ไปใส่ใน blog และปรับตามนิดหน่อย ส่วนความหมายละเอียด ๆ ก็คงต้องรออ่านกันต่อไปคร๊าบบ copy และแทนที่นะครับ <--ตัวเริ่มครับ เรื่องยาววันหลังว่ากัน (อันที่จริงผมก็ยังไม่รู้ครับ 5 5 5) <-- ปิด marquee และ div ครับถ้าต้องการ link เยอะ ๆ ก็ใส่บรรทัดไปแยะ ๆ แล้วอย่าลืมเพิ่มขนาดของ marquee ครับ อย่าใช้ marquee เร็วไป และใหญ่ไป มันตาลายครับ ทำให้ blog อ่านแล้วไม่สบายตาเลยครับ ถ้าไม่อยากลงสมุดเยี่ยมผมก็อย่าคลิ๊กไปนะครับ อันนี้อาจจะเหมือนหลอกกันเล็กน้อย อย่าคิดมาก พวกนี้แปลมาทั้งนั้นล่ะครับ อ่านต้นฉบับได้จากที่ผมเคยอ้างไว้ก่อน ๆ หน้านี้นะครับ มาขี้ ด้วยคน ก๊า
โดย: ช้อนชาก๊า IP: 203.151.4.149 วันที่: 1 มิถุนายน 2548 เวลา:17:57:41 น.
เป็นความรู้ใหม่สำหรับผู้ที่ไม่มี blog เป็นของตนเอง อ่านแล้วทึ่ง
และคิดว่าคน create พวกนี้ก็คงจะสนุก ๆ เพลิน ๆ ดี ดูแล้วเหมือนหนูตัวน้อยวิ่งไปวิ่งมาจริง ๆ ด้วย โดย: Tai-Sarunya IP: 203.107.196.70 วันที่: 1 มิถุนายน 2548 เวลา:18:04:49 น.
โดย: ช้อนชาก๊า IP: 203.151.4.149 วันที่: 1 มิถุนายน 2548 เวลา:18:06:27 น.
มาเก็บข้อมูลไปแล้ว ขอบคุณมากนะคะ
โดย: ป้าติ๋ว (nature-delight ) วันที่: 1 มิถุนายน 2548 เวลา:18:22:24 น.
^ ^
โดย: ฺกระดิ่งลม IP: 203.151.87.119 วันที่: 1 มิถุนายน 2548 เวลา:22:52:04 น.
โดย: แม่สาย วันที่: 3 มิถุนายน 2548 เวลา:20:02:32 น.
โดย: Vannessa วันที่: 29 กรกฎาคม 2548 เวลา:7:09:20 น.
แบบความเห็นที่ 10 ทำไงอะคับ ให้มันวิ่งทั้งหมดเลย ชื่อกับเวลาก็ด้วยอะคับ เจ๋งมาก อิอิอิ
โดย: Ithipong วันที่: 21 สิงหาคม 2548 เวลา:13:37:03 น.
อ่า อันนี้เป็นความผิดพลาดล่ะครับ เพราะว่า เข้าไม่ได้ใส่ tag ปิดเข้าไปหรือใส่ผิด (ที่เห็นคือ < /marquee> ซึ่งที่ถูกควรจะเป็น </marquee> ไม่มีเว้นวรรค) ทุกอย่างที่อยู่ในนั้นก็เลยวิ่งไปหมดครับ โดย: dont wanna no วันที่: 11 กันยายน 2548 เวลา:19:06:31 น.
โดย: มุมิ IP: 58.10.129.198 วันที่: 15 กันยายน 2548 เวลา:20:42:48 น.
โดย: งุงิงงงง IP: 58.8.20.48 วันที่: 17 พฤศจิกายน 2548 เวลา:16:25:01 น.
โดย: shatsh วันที่: 12 มกราคม 2549 เวลา:17:26:21 น.
< marquee >ดูซะ หนูวิ่งได้ด้วยน๊าาาา < /marquee >
โดย: p IP: 203.172.60.253 วันที่: 15 กุมภาพันธ์ 2549 เวลา:21:38:12 น.
โดย: Candydolls วันที่: 31 มีนาคม 2549 เวลา:1:51:17 น.
โดย: pk IP: 203.113.60.72 วันที่: 2 มิถุนายน 2549 เวลา:22:52:11 น.
โดย: พลอย IP: 203.113.60.72 วันที่: 2 มิถุนายน 2549 เวลา:23:05:42 น.
โดย: TAM IP: 203.158.4.135 วันที่: 25 สิงหาคม 2549 เวลา:18:05:11 น.
โดย: - IP: 124.157.177.43 วันที่: 26 สิงหาคม 2549 เวลา:21:08:44 น.
เจ๋งเป้ง ขอบคุณมากครับ
โดย: บอส IP: 61.19.199.143 วันที่: 18 ตุลาคม 2549 เวลา:10:47:15 น.
< marquee>ดูซะ หนูสีสด แถมจะวิ่งไปกลับได้ด้วยรึป่าวน๊าาาา < /marquee>
โดย: Jikkyjang วันที่: 18 มิถุนายน 2550 เวลา:11:28:44 น.
|
บทความทั้งหมด
|
มาคี ทำแล้วที่ชื่อบล็อกข้าพเจ้าอ้ะ อิอิ
เดี๋ยวจะแอบมาเก็บความรู้ใหม่ไปเรื่อยๆ ค่ะพี่
ตามคำเชิญชวน เผื่อบล็อกหนูจะสวยขึ้น
=@^__^@=