Bloggang.com : dont wanna no : Blog tips เก็บ ๆ เค้ามา #5 มาขี่ (มาร์คี-marquee) หนู หนูละงง

Blog tips เก็บ ๆ เค้ามา #5 มาขี่ (มาร์คี-marquee) หนู หนูละงง

มาขี่ (มาร์คี-marquee) หนู ทำหนูงง

ตัวอักษรวิ่ง หรือ Marquee

การทำข้อความวิ่งด้วย ...

ข้อพึงระวัง marquee ไม่ได้เป็นคำสั่งมาตรฐานในระบบ html ดังนั้นอาจจะแสดงผลไม่ได้ในบาง browser ครับเพราะว่ามันทำมาเพื่อใช้ในระบบ internet explorer เท่านั้น แต่สำหรับใน blog ใช้ได้ครับ รวมทั้งในกล่องความเห็น (comment) ด้วย browser อื่น ๆ ที่จะใช้ได้นั้นก็เช่น opera และ firefox ครับ ส่วน netscape ว่ากันว่าใช้ไม่ได้ ไม่เคยลองเหมือนกันครับ

Marquee นั้น ทำให้ตัวหนังสือเคลื่อนไหวได้ครับ ส่วนตัวผมว่ามันทำให้ตาลายนะครับ แต่ว่าก็เป็นสีสันอาจจะใช้ตบแต่ง blog เล็ก ๆ น้อย ๆ ได้ พอให้มีการเคลื่อนไหวครับ มากไปจะทำให้งงมากกว่าได้ผลดี

ตัวอย่าง : < marquee >ดูซะ หนูวิ่งได้ด้วยน๊าาาา < /marquee >
ผลที่ได้ : ดูซะ หนูวิ่งได้ด้วยน๊าาาา

หากต้องการสีสรร หรือขนาดอักษรอื่น ๆ ก็ใส่ ข้อความที่ต้องการ ไปในข้อความ

ตัวอย่าง :
< marquee>ดูซะ หนูสีสด แถมวิ่งได้ด้วยน๊าาาา < /marquee>
ผลที่ได้ :
ดูซะ หนูวิ่งได้ด้วยน๊าาาา

ลูกเล่นใน marquee

มีคำสั่งที่น่าสนใจหลายคำสั่งครับ ลองมาดูทีละคำสั่งนะครับ

เปลี่ยนสีพื้นหลัง
โดยใช้ หรือ backGround color ครับ

ตัวอย่าง :
ดูซะ หนูสีสด แถมวิ่งได้ด้วยน๊าาาา l;
ผลที่ได้ : ดูซะ หนูวิ่งได้ด้วยน๊าาาา

ข้อความวิ่งไปวิ่งมา
โดยใช้ กำหนดจำนวนครั้งเป็นตัวเลข เช่น 5 หรือ 10 หรือถ้าไม่กำหนด (default) จะเป็น infinite ครับ

ทิศทางการวิ่ง
ถ้าไม่กำหนดแล้ว จะวิ่งมาจากทางขวามือเสมอ ถ้าต้องการกำหนดใช้ เพื่อให้วิ่งมาจากทางซ้ายบ้าง

ตัวอย่าง :
ดูซะ หนูสีสด แถมวิ่งมาผิดเลนด้วยนา
ผลที่ได้ :
ดูซะ หนูวิ่งได้ด้วยน๊าาาา

รูปแบบของการวิ่ง
หรือ behavior ถ้าไม่กำหนด (default) จะเป็น scroll คือเลื่อนไปจนสุดครับ คำสั่งที่ใช้คือ โดยตัวเลือกที่จะใส่ได้แก่ alternate และ slide โดยให้ผลดังนี้ครับ

ตัวอย่าง :
ดูซะ หนูสีสด แถมวิ่งไปวิ่งกลับได้เองด้วย
ผลที่ได้ :
ดูซะ หนูวิ่งไปวิ่งกลับได้เองด้วย

ตัวอย่าง :
ดูซะ หนูวิ่งจนเหนื่อย ขอพักแป๊บนึง
ผลที่ได้ : ดูซะ หนูวิ่งจนเหนื่อย ขอพักแป๊บนึง

สองคำสั่งต่อไปเป็นการทำให้การวิ่งช้าลง โดยกำหนดเป็นเวลา ใช้คำสั่ง และกำหนดเป็นระยะบนหน้า blog หรือ web page เป็น pixel ด้วยคำสั่ง ครับ ยิ่งตัวเลขเวลามากก็ยิ่งช้า ยิ่งเลข pixel ยิ่งมากก็ยิ่งเร็วครับ

ตัวอย่าง :
ดูซะ หนูวิ่งแล้วมัน ขอวิ่งเร็วหน่อยน๊า
ผลที่ได้ :
ดูซะ หนูวิ่งแล้วมัน ขอวิ่งเร็วหน่อยน๊า

ตัวอย่าง :ดูซะ หนูวิ่งจนเหนื่อย ขอวิ่งช้าหน่อยน๊า
ผลที่ได้ : ดูซะ หนูวิ่งจนเหนื่อย ขอวิ่งช้าหน่อยน๊า

หากต้องการกำหนดความสูง ความกว้างของกรอบตัววิ่งที่เห็น ก็ใช้การกำหนดโดยใส่ หากไม่กำหนด จะมีค่าเท่ากับค่าความสูงของ 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 เค้าหมดเลย คร๊าบ

[bloggang หน้ารวม] [สมุดเยี่ยมของผมเอง]

ถ้าชอบก็ทำเองครับ จัดให้แล้วคร๊าบ ดูข้างล่างได้เลย

copy และแทนที่นะครับ

<--ตัวเริ่มครับ เรื่องยาววันหลังว่ากัน (อันที่จริงผมก็ยังไม่รู้ครับ 5 5 5)

<--กำหนดค่า marquee ครับ

จากนั้น มาดูกันทีละบรรทัดเลยครับ

ข้อความคุณ <--ข้อความหน้ารูป

<--ภาพใหญ่ตรงกลาง ๆ น่ะครับ

ข้อความหลังภาพ<--ข้อความหลังภาพ

<-- code ขึ้นบรรทัดใหม่ครับ

<-- ภาพหน้า link แรก

[
bloggang หน้ารวม] <-- link แรก

[ <--link หลัง

คำอธิบาย link หลัง]<--link หลัง

ภาพของ link หลัง

<-- เว้นบรรทัดแล้วครับ

ข้อความที่ต้องการข้อความบรรทัดสุดท้ายน่ะครับ

<-- ปิด marquee และ div ครับ

ถ้าต้องการ link เยอะ ๆ ก็ใส่บรรทัดไปแยะ ๆ แล้วอย่าลืมเพิ่มขนาดของ marquee ครับ

อย่าใช้ marquee เร็วไป และใหญ่ไป มันตาลายครับ ทำให้ blog อ่านแล้วไม่สบายตาเลยครับ

ข้อความของคุณ:

ข้อความของคุณ

[:คำอธิบายข้อความ link ] [คำอธิบาย link หลัง]

ข้อความของคุณล่างสุด

ถ้าไม่อยากลงสมุดเยี่ยมผมก็อย่าคลิ๊กไปนะครับ อันนี้อาจจะเหมือนหลอกกันเล็กน้อย อย่าคิดมาก

พวกนี้แปลมาทั้งนั้นล่ะครับ อ่านต้นฉบับได้จากที่ผมเคยอ้างไว้ก่อน ๆ หน้านี้นะครับ

^{[สมุดเยี่ยม]}

Create Date : 01 มิถุนายน 2548

Last Update : 2 ธันวาคม 2549 23:13:42 น.

28 comments

Counter : 1587 Pageviews.

วิจิตรพิสดารขึ้นเรื่อยๆ แล้วเนาะ สำหรับวิธีการแต่งบล็อก

มาคี ทำแล้วที่ชื่อบล็อกข้าพเจ้าอ้ะ อิอิ

เดี๋ยวจะแอบมาเก็บความรู้ใหม่ไปเรื่อยๆ ค่ะพี่
ตามคำเชิญชวน เผื่อบล็อกหนูจะสวยขึ้น

=@^__^@=

โดย: มรกตนาคสวาท

วันที่: 1 มิถุนายน 2548 เวลา:9:15:50 น.

มาขี้ ด้วยคน ก๊า

โดย: ช้อนชาก๊า 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 น.

มาอ่านค่ะ

โดย: ป้ามด

วันที่: 11 มิถุนายน 2548 เวลา:9:57:29 น.

อ่านอีกแล้ว

โดย: ป้ามด

วันที่: 22 มิถุนายน 2548 เวลา:9:34:10 น.

ขอลองบ้าง< /marquee>

โดย: Vannessa

วันที่: 29 กรกฎาคม 2548 เวลา:7:09:20 น.

ลองใหม่

ดูซะ หนูสีสด แถมวิ่งมาผิดเลนด้วยนา

โดย: Vannessa (Vannessa

) วันที่: 29 กรกฎาคม 2548 เวลา:7:11:23 น.

ลองใหม่

ขอลองใหม่

โดย: Vannessa (Vannessa

) วันที่: 29 กรกฎาคม 2548 เวลา:7:12:03 น.

แบบความเห็นที่ 10 ทำไงอะคับ ให้มันวิ่งทั้งหมดเลย ชื่อกับเวลาก็ด้วยอะคับ เจ๋งมาก อิอิอิ

โดย: Ithipong

วันที่: 21 สิงหาคม 2548 เวลา:13:37:03 น.

อ่า อันนี้เป็นความผิดพลาดล่ะครับ เพราะว่า เข้าไม่ได้ใส่ tag ปิดเข้าไปหรือใส่ผิด (ที่เห็นคือ < /marquee> ซึ่งที่ถูกควรจะเป็น </marquee> ไม่มีเว้นวรรค) ทุกอย่างที่อยู่ในนั้นก็เลยวิ่งไปหมดครับ

โดย: dont wanna no

วันที่: 11 กันยายน 2548 เวลา:19:06:31 น.