Bloggang.com : ตะแน๋วกิ๋วกิ้ว : เว็บสร้างตัวอักษรแบบเลื่อนไปมา(MARQUEE)สำเร็จรูป

เว็บสร้างตัวอักษรแบบเลื่อนไปมา(MARQUEE)สำเร็จรูป

เป็นเว็บสร้างอักษรเคลื่อนที่ไปมาค่ะ ใช้งานง่ายแล้วก็สะดวกมากๆ พอใส่รายละเอียดครบแล้วก็ก๊อปโค้ดมาใส่ลงบล็อกได้เลยค่ะ เพื่อนๆลองเล่นกันดูนะคะ

//www.codetukyang.com/html/machine/create_marquee.htm

หน้าตาเว็บเป็นแบบนี้ค่ะ

อันนี้คือผลลัพท์ที่ได้นะคะ
ถ้าอยากให้ข้อความเคลื่อนที่เร็วๆก็เพิ่มตัวเลขเข้าไปค่ะ
แต่ถ้าอยากให้ข้อความเคลื่อนที่ช้าลงก็ลดจำนวนตัวเลขลง หรือใส่คเรื่องหมายลบเข้าไปค่ะ ตัวอย่างของแน๋ว แน๋วใส่ความเร็ว -2 ค่ะ

ตะแน๋วกิ๋วกิ้ว

** การใช้ข้อความเลื่อน (scrolling text) สามารถนำมาประยุกต์ใช้ได้หลายแบบนอกจากจะใส่เป็นข้อความแล้ว ยังประยุกต์ใส่รูปภาพได้ด้วยค่ะ หรือจะเอาโค้ดมาซ้อนกันเองก็ได้ แต่การนำโค้ดมาคีมาใช้ควรดูด้วย IE เพราะการแสดงผลบางรูปแบบจะไม่ถูกต้อง ถ้าดูด้วย Firefox หรือ Chrome ค่ะ **

::ตัวอย่าง::

อันนี้เป็นข้อมูลเบื้องต้นของโค้ด MARQUEE ที่น่าจะรู้เอาไว้ค่ะ เพื่อเอาไว้ปรับเปลี่ยนโค้ดตามความต้องการ

Direction : กำหนดทิศทางการเคลื่อนที่ของตัวตัวอักษร
- Direction Left : เคลื่อนจากด้านซ้ายไปขวา
- Direction Right : เคลื่อนจากด้านขวาไปซ้าย

Behavior : รูปแบบการแสดงผลของตัวอักษร
- Behavior Alternate :แสดงตัวอักษรแบบเคลื่อนที่ไปกลับในบรรทัดเดียวกัน
- Behavior Slide : แสดงตัวอักษรแบบสไลด์
- Behavior Continuous : แสดงตัวอักษรแบบต่อเนื่อง

Bgcolor : สีพื้นหลังของตัวอักษร

Width : ขอบเขตความกว้างที่ต้องการให้ตัวอักษรเคลื่อนที่จากด้านซ้ายไปขวา หรือจากด้านขวาไปซ้าย มีหน่วยเป็น Pixel

Height : ขอบเขตความสูงที่ต้องการให้ตัวอักษรเคลื่อนที่จากด้านบนลงล่าง หรือจากด้านล่างขึ้นบน มีหน่วยเป็น Pixel

Speed Control : ความเร็วในการวิ่งของตัวอักษร
- Scroll Amount : กำหนดความเร็วในการเคลื่อนที่ของตัวอักษร หน่วยเป็น pixels ต่อวินาที
- Scroll Delay : กำหนดความต่อเนื่องในการเคลื่อนที่ของตัวอักษร หน่วยเป็น pixels ต่อวินาที

อื่นๆ ทดลองเล่นดูค่ะ

◀| | |ใส่ข้อความที่ต้องการ| | |▶

<<<<ใส่ข้อความ>>>>

4| | |ใส่ข้อความ| | |3

Create Date : 10 สิงหาคม 2554

Last Update : 10 สิงหาคม 2554 5:47:28 น.

0 comments

Counter : 3569 Pageviews.