ใช้ CSS ครับ



1.เตรียมปุ่มที่ต้องการไว้ก่อนว่าต้องการปุ่มอะไรบ้าง

2.ซ่อน ตอนเริ่มต้น ด้วยการกำหนด display:none;

3.กำหนด css ให้ display:block เมื่อ hover



<div class=detail>

   <p class=content-action>ปุ่มต่างๆใส่ไว้ที่นี่</p>

   ใส่ข้อความหรืออื่นๆ

</div>

<style>

p.content-action {

  display: none;

}

div.detaill:hover p.content-action {

  display: block;

}

</style>

อ้างอิงจาก ความคิดเห็น #1ใช้ CSS ครับ



1.เตรียมปุ่มที่ต้องการไว้ก่อนว่าต้องการปุ่มอะไรบ้าง

2.ซ่อน ตอนเริ่มต้น ด้วยการกำหนด display:none;

3.กำหนด css ให้ display:block เมื่อ hover



<div class=detail>

   <p class=contebt-action>ปุ่มต่างๆใส่ไว้ที่นี่</p>

   ใส่ข้อความหรืออื่นๆ

</div>

<style>

p.content-action {

  display: none;

}

div.detaill:hover p.contentaction {

  display: block;

}

</style>

ขอบคุณครับ



ผมลองแล้วไม่ซ่อนครับ แสดงผลตลอดเลย ผมลองเอา code css ไปใส่ไว้ใน ไฟล์ css กับ ไว้ในไฟล์เดียวกัน แล้วก็นำ



<div class=detail>

   <p class=contebt-action>ปุ่มต่างๆใส่ไว้ที่นี่</p>

   ใส่ข้อความหรืออื่นๆ

</div>



ไปไว้ในตำแหน้งที่ต้องการ

ขอโทษทีพอดีผมเขียนผิด ลองดูตามคำตอบของผมข้างต้นใหม่



หรือลองศึกษาเกี่ยวกับ css display เพิ่มเติมดูครับ