ทำRollover Image แบบไม่ง้อ javascript by

31
Aug
2

ปกติแล้วเวลาที่เราจะทำ rollover image เพื่อมาใช้ในเวปไซต์ของเราเนี่ย

เราก็มักจะใช้ javascript ในการทำใช่ไหมครับ

(ที่บอกว่าส่วนใหญ่ใช้วิธีนี้เพราัะว่ามันติดมากับโปรแกรม Dreamweaver ครับ)

ซึ่งจริงๆแล้วเราไม่จำเป็นต้องใช้วิธีนั้นเลยครับ ใช้แค่ CSS อย่างเดียวก็พอแล้ว

วิธีการก็ไม่ยากเลยครับ

รูปที่ใช้ button_1.gif ขนาด100x50px

รูปที่ใช้ตอน rollover button_1_over.gif ขนาดเท่ากัน

จากนั้น อันนี้คือส่วนของ css ครับ

a.image{

display:block;

width:100px;

height:50px;

background:url(‘button_1.gif’) no-repeat;

}

a.image:hover{

background:url(‘button_1_over.gif’) no-repeat;

}

แล้ว html เราก็แค่ใส่ class ให้ tag a เท่านั้นเองครับ

ตัวอย่าง

เห็นไหมครับไม่ยากเลย….

แต่เดี๋ยวก่อน! ผมยังมีของเด็ดกว่านี้อีก

คือ การใช้รูปเพียงรูปเดียวในการทำ rollover image

นี่คือไฟล์รูปครับ ลองคลิกขวาดูได้ครับ จะเห็นว่าเป็นรูปเดียว

ที่มีขนาด 100x105px

จากนั้นเรามาเปลี่ยน css กันซักหน่อยครับ เป็น

a.image_single{

display:block;

width:100px;

height:50px;

background:url(‘button_1_single.gif’) 0 0 no-repeat;

}

a.image_single:hover{

background:url(‘button_1_single.gif’) 0 -55px no-repeat;

}

ตัวอย่าง

รูปที่ทำจากวิธีนี้จะเป็นรูปด้านล่างนะครับ จะเห็นได้ว่าไม่แตกต่างกันเลย ประหยัดไปไฟล์นึงด้วยนะเอ้อ

ดาว์นโหลดตัวอย่างทั้งหมด

edit @ 31 Aug 2009 19:30:15 by Akara_gat

บ้านไร่ชายทุ่งของฉาน by

31
Aug
0

What is it?

country story เป็นอีกหนึ่งเกม facebook ใหม่จาก playfish ครับ ในครั้งนี้ทาง playfish ได้เข้ามาทำเกมในตลาดเกม”ปลูกผัก” ที่มีให้เห็นอีก 3-4 เกมในตอนนี้ โดยภายในเกมเราจะเล่นเป็นเจ้าของฟาร์มขนาด 15×13 ช่องตาราง เราจะต้องพัฒนาพื้นที่ว่างเปล่าเหล่านี้แหละ ให้เป็นไร่สวนขนาดใหญ่ ผักผลไม้ที่มีให้เลือกปลูกในตอนนี้ อยู่ที่ 25 ชนิด ที่สามารถหาซื้อเมล็ดได้จากร้านของในหมู่บ้าน ทางเลือกในการทำฟาร์มของเราไม่ได้จำกัดอยู่ที่พืชผักเท่านั้น ตัวเกมยังมีให้เลี้ยงสัตว์ เพื่อหารายได้เพิ่มเติมได้ด้วย อันได้แก่ ไก่ แกะ และวัว เป็นจำนวน 7 ชนิด + สุนัขอีก 1 ตัว

แผนธุรกิจ – ลายแทงสมบัติแห่งโลกธุรกิจ by

30
Aug
1

แผนธุรกิจ คืออะไร?

แผนธุรกิจคือแผนการในการดำเนินธุรกิจที่จัดทำขึ้นเพื่อเป็นแนวทางในการดำเนินกิจการของธุรกิจ ซึ่งจะจัดทำให้ครอบคลุมทุกๆด้าน ทั้งด้านการตลาด การบริหาร และ ฝ่ายบุคคล และที่สำคัญที่สุดคือด้านการเงิน ว่าคุ้มหรือไม่ที่จะลงทุนเริ่มทำกิจการหรือไม่? และเป็นการวางกำหนดการ และเป้าหมาย ที่ต้องการไว้เป็นแนวทางในการดำเนินการบริษัทด้วย

[AS3] Check version Flash player by

30
Aug
1

Code AS3 สำหรับ Check version Flash player

เริ่มต้นกับการเขียน Facebook Application สำหรับผู้เริ่มต้น (PHP) (3) by

27
Aug
9

ต่อเนื่องจากคราวที่แล้ว หัวข้อ เริ่มต้นกับการเขียน Facebook Application สำหรับผู้เริ่มต้น (PHP) (2) คราวนี้จะเป็นการแนะนำ function การใช้งานที่ใช้บ่อยๆ สรุปให้ครับ

กู้เงิน | เศรษฐกิจพอเพียง | สินเชื่อบุคคล | สมัครบัตรกดเงินสด | สินเชื่อ | เงินกู้ด่วน | ยืมเงินทรูมูฟ | เงินด่วนนอกระบบ