ต่อไป »

[ttuunn]

นั่งหามาทั้งวันยังไม่เจอเลยครับ

เช่น
มีภาพ1ภาพ แล้วมีหัวข้อบนรูปภาพ แต่ไม่แสดงหัวข้อทั้งหมด เมื่อเรานำเม้าส์ไปชที่ภาพ จะขึ้นหัวข้อทั้งหมด แบบ mthai หน้าแรกอ่ะครับ
พอจะแนะนำแหล่งหรือ โค้ด ที่ครับ
ขอบคุณครับ

[KenjiroAPI]

Edit: อ่อๆ เข้าใจละคับ น่าจะใช้ JQuery นะคับ

[anivox]

CSS3 ง่ายๆครับ

.test h2 {opacity:0;}
.test img:hover + h2 {opacity:1;}

<div class="test">
<img src="http://placehold.it/100x100/ ">
    <h2>TEST</h2>
<div>


ตัวอย่าง

http://jsfiddle.net/Ey3WV/

[anivox]

หรือเพิ่ม transition สวยๆ ด้วย


* {-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;}
*:hover {-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;}



http://jsfiddle.net/Ey3WV/1/

[eyourhand]

เค้าเรียก ว่า Sliding Boxes jQuery  ครับ

http://buildinternet.com/2009/...oxes-and-captions-with-jquery/   > ด้านซ้ายมือ จะมี Demo และ Download หยิบมาใช้เลยครับ

[ttuunn]

 
ขอบคุณทุกความเห็นครับ  +1 Thanks

[saikanojo]

CSS3 อาจมีปัญหาเมื่อเจอ IE

จะใช้ Jquery ตัวใหญ่ๆ ผมว่าก็เกินความจำเป็นไปนิดนึง

ผมแนะนำให้ไปใช้ Jqueryui จะดีกว่านะครับ ได้แน่นอนมี Effect ให้เลือกเยอะแยะดีครับ