คืออยากถ่ทว่า CSS ส่วนนี้ต้องเขียนยังไงบ้างหรอครับ เวลาเอาเม้าส์ไปชี้ที่ตัวหนังสือจะมีข้อความที่ซ่อนอยู่ขึ้นมา ช่วยบอกทีนะครับ ขอบคุณครับ
นี่ลิ๊งค์ตัวอย่างครับhttp://www.gg-anime.com/

ผมเคยเขียนไว้ครับ ลองเอาไปแกะดู น่าจะใช้ได้ http://jsfiddle.net/surakrai/ujdtwhw0/

ลองดูคครับ ผมใช้แบบนี้อยู่ ปรับเพิ่มอีก หน่อยสวยเลยครับ


http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

http://www.alessioatzeni.com/wp-content/tutorials/jquery/simple-tooltip/index.html

ใช้ jquery Tooltip ครับ ลองดูตัวอย่าง

อ้างถึงจาก: Surakrai ใน 20 พฤศจิกายน 2014, 12:57:21
ผมเคยเขียนไว้ครับ ลองเอาไปแกะดู น่าจะใช้ได้ http://jsfiddle.net/surakrai/ujdtwhw0/

สวยดีครับ

ถ้าแบบนี้ใช้ css ได้ครับ

div.text {
   font-size:14px
}
div.text:hover {
   font-size:16px;
   background-color:#000   
}

ลองดูครับ ผมเขียนสดๆ ยังไม่ได้Previewดู แต่น่าจะประมาณนี้แหละครับ

HTML
<a class="item">
    <img src=""/>
    <p>This is a description</p>
</a>

CSS
a.item{
    text-decoration:none;
    display:block;
    height:200px;
    width:200px;
    float:left;
    margin:10px;
    padding:5px;
    position:relative;
    }
.item img{
    border:none;
    height:180px;
    width:180px;
    }
.item p{
    display:none;
     position:absolute;
    bottom:0;
    height:50px;
    width:200px;
    text-align:center;
    }
.item:hover p{
    display:block;
    }