Group Blog
 
<<
มิถุนายน 2548
 
 1234
567891011
12131415161718
19202122232425
2627282930 
 
1 มิถุนายน 2548
 
All Blogs
 
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 : 834 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 น.  

 
ลองของหน่อยสิ


โดย: มุมิ 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
 

dont wanna no
Location :


[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

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








Google all webbloggang



คำเตือน

ขอสงวนสิทธิ์ข้อความและภาพ ตลอดจนชื่อคำขวัญ (slogan) และข้อความ "เที่ยวไปงงไป" ที่ปรากฏทั้งหมดในสื่อคอมพิวเตอร์แห่งนี้ ตามพระราชบัญญัติลิขสิทธิ์ปี พ.ศ. ๒๕๓๙ ห้ามมิให้นำไปดัดแปลง ต่อเติม ทำซ้ำ หรือเผยแพร่และอ้างอิงส่วนหนึ่งส่วนใด หรือทั้งหมดเพื่อการค้าโดยไม่ได้รับอนุญาตเป็นลายลักษณ์อักษร ผู้ละเมิดจะถูกดำเนินคดีตามที่กฏหมายบัญญัติไว้สูงสุด



สิทธิพิเศษสำหรับสมาชิกพันทิป ท่านสามารถนำข้อมูลไปใช้ในการตกแต่ง blog ของท่านได้ด้วยความยินดีมากครับ ตกแต่งเสร็จแล้วมาตามไปดูบ้าง จะยินดีมากขึ้นไปอีก

Friends' blogs
[Add dont wanna no's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.