|
| 1 | 2 | 3 | 4 |
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | |
|
|
|
|
|
|
|
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 ครับ
ตัวอย่าง :
ผลที่ได้ :
ข้อความวิ่งไปวิ่งมา โดยใช้ กำหนดจำนวนครั้งเป็นตัวเลข เช่น 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 และแทนที่นะครับ
<--ตัวเริ่มครับ เรื่องยาววันหลังว่ากัน (อันที่จริงผมก็ยังไม่รู้ครับ 5 5 5) <-- ปิด marquee และ div ครับ
ถ้าต้องการ link เยอะ ๆ ก็ใส่บรรทัดไปแยะ ๆ แล้วอย่าลืมเพิ่มขนาดของ marquee ครับ
อย่าใช้ marquee เร็วไป และใหญ่ไป มันตาลายครับ ทำให้ blog อ่านแล้วไม่สบายตาเลยครับ
ถ้าไม่อยากลงสมุดเยี่ยมผมก็อย่าคลิ๊กไปนะครับ อันนี้อาจจะเหมือนหลอกกันเล็กน้อย อย่าคิดมาก
พวกนี้แปลมาทั้งนั้นล่ะครับ อ่านต้นฉบับได้จากที่ผมเคยอ้างไว้ก่อน ๆ หน้านี้นะครับ
[สมุดเยี่ยม]
Create Date : 01 มิถุนายน 2548 |
|
28 comments |
Last Update : 2 ธันวาคม 2549 23:13:42 น. |
Counter : 1588 Pageviews. |
|
|
|
|
| |
โดย: ช้อนชาก๊า IP: 203.151.4.149 1 มิถุนายน 2548 17:57:41 น. |
|
|
|
| |
โดย: Tai-Sarunya IP: 203.107.196.70 1 มิถุนายน 2548 18:04:49 น. |
|
|
|
| |
โดย: ช้อนชาก๊า IP: 203.151.4.149 1 มิถุนายน 2548 18:06:27 น. |
|
|
|
| |
โดย: ฺกระดิ่งลม 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 น. |
|
|
|
| |
โดย: Vannessa 29 กรกฎาคม 2548 7:09:20 น. |
|
|
|
| |
โดย: Vannessa (Vannessa ) 29 กรกฎาคม 2548 7:11:23 น. |
|
|
|
| |
โดย: Vannessa (Vannessa ) 29 กรกฎาคม 2548 7:12:03 น. |
|
|
|
| |
โดย: Ithipong 21 สิงหาคม 2548 13:37:03 น. |
|
|
|
| |
โดย: มุมิ 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 น. |
|
|
|
| |
โดย: p IP: 203.172.60.253 15 กุมภาพันธ์ 2549 21:38:12 น. |
|
|
|
| |
โดย: 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 น. |
|
|
|
|
|
|
|
มาคี ทำแล้วที่ชื่อบล็อกข้าพเจ้าอ้ะ อิอิ
เดี๋ยวจะแอบมาเก็บความรู้ใหม่ไปเรื่อยๆ ค่ะพี่
ตามคำเชิญชวน เผื่อบล็อกหนูจะสวยขึ้น
=@^__^@=