ตัวหนังสือวิ่ง

โพสต์10 พ.ค. 2555 08:36โดยเว็บไซต์โรงเรียน สพป.ชัยภูมิ 1

สร้างแกดเจ็ต ขึ้นมาใช้เอง


ด้วยเครื่องมือของ Googlegadget ไปที่ลิ้งค์นี้   http://www.google.com/ig/ifr?url=gge.xml     แล้วนำโค้ดแบบต่างๆ
ไปสร้างแกดเจ็ต    ดูวิธีการสร้างจาก วิดีโอ




ตัวหนังสือวิ่งแบบต่างๆ

1. วิ่งจากซ้ายไปขวา

     <marquee>ข้อความ</marquee>

ตัวอย่าง









2. ขวาไปซ้าย

 <marquee direction=right>ข้อความ</marquee>

ตัวอย่าง









3. กลับไปกลับมา  (ปรับ % ตามต้องการ เช่น 80% ,100%)

 <center><marquee behavior=alternate width=50%>ข้อความ</marquee></center>

ตัวอย่าง









4. วิ่งขึ้นบน

 <marquee direction=up height=50>ข้อความ</marquee>

ตัวอย่าง








5. วิ่งลงล่าง

 <marquee direction=down height=50>ข้อความ</marquee>

ตัวอย่าง






6. วิ่งกลับขึ้นบนลงล่าง

 <marquee direction=down height=50 behavior=alternate>ข้อความ</marquee>

ตัวอย่าง





7. ปรับขนาดฟอนร์ได้ ใส่ลิ้งค์ได้  +3 =ขนาดฟอนร์ , <b> = ตัวหนา , http://www.google.co.th =ลิ้งค์url ที่ต้องการ

 <marquee><font size="+3"><b><a href="http://www.google.co.th"target="_blank">..ข้อความ</a></b></font></marquee>

ตัวอย่าง

Gadget ที่คุณเพิ่มไม่ถูกต้อง




8. นำเม้าท์ชี้ที่ตัวหนังสือแล้ว ตัวหนังสือหยุดวิ่ง

 <marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);"><font size="+2"><b>ข้อความ</a></b></font></marquee>