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 น.
Counter : 1125 Pageviews.

28 comments
พิพิธภัณฑ์ท้องถิ่นวัดหนองขุนชาติ อ.หนองฉาง จ.อุทัยธานี สองแผ่นดิน
(2 ม.ค. 2564 21:16:12 น.)
ท่ายืดเหยียดกล้ามเนื้อหลังวิ่ง The Kop Civil
(4 ม.ค. 2564 21:15:48 น.)
กาเฟเวียด @หนองคาย ร้านอาหารเวียดนามริมโขง อาหารอร่อย วิวสวย sawkitty
(11 ม.ค. 2564 14:14:22 น.)
ขนมปังอบ "เนย &กระเทียม" สมาชิกหมายเลข 3661152
(14 ม.ค. 2564 13:12:12 น.)
  
วิจิตรพิสดารขึ้นเรื่อยๆ แล้วเนาะ สำหรับวิธีการแต่งบล็อก

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

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

=@^__^@=
โดย: มรกตนาคสวาท วันที่: 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 น.
  
ลองของหน่อยสิ
โดย: มุมิ 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 น.
  
*-_.... ขอบคุณมากครับ แล้วจะลองเอาไปใช้ครับผม ...._-*
โดย: timaton วันที่: 3 กุมภาพันธ์ 2549 เวลา:10:36:52 น.
  
< marquee >ดูซะ หนูวิ่งได้ด้วยน๊าาาา < /marquee >
โดย: p IP: 203.172.60.253 วันที่: 15 กุมภาพันธ์ 2549 เวลา:21:38:12 น.
  
ขอบคุณค่ะ เดี๋ยวจะลองทำดูมั่งค่ะ
โดย: Candydolls วันที่: 31 มีนาคม 2549 เวลา:1:51:17 น.
  
จาวิ่งได้ป่าวหว่าl;
โดย: 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 น.
  
ฮือๆ หนูไม่เห็นได้วิ่งเลย
โดย: Jikkyjang วันที่: 18 มิถุนายน 2550 เวลา:11:31:16 น.
  
ดูซะ หนูวิ่งได้ด้วยน๊าาาา
โดย: tiki_ทิกิ วันที่: 28 กรกฎาคม 2550 เวลา:9:44:54 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Dontno-trips-confused.BlogGang.com

dont wanna no
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 2 คน [?]