16/12/53

การทำ Dropdown menu โดยใช้ CSS


มาดุวิธีการทำ DROPDOWN MENU โดยการใช้ CSS กันนะครับ
ต้องมีพื้นถานการเขียน html tag ถึงจะเข้าใจนะครับ
และ CSS อย่างง่าย ต้องเขียนโดยใช้ unorder list หรือ tag นะครับ



แล้วเราก็ทำการสร้าง CSS เข้ามาควบคุม ได้เลยครับ

ที่ผมไม่ได้ กล่าวถึง ในเรื่อง ของ position สามารถ เข้ามาดูได้จากบทความเว็บ thaicss นะครับว่ามันคืออะไร position
การทำ dropdown menu นั้นก็ไม่ได้ยากเลยนะครับ เพียงแต่แค่ แจ้ง position ให้ถูกแล้วก็ apply CSS ให้ถูกที่ถูกทางเท่านั้นเอง
วีดีโอนี้ อาจมึนๆๆนิสหน่อยนะครับ พอดี เหนื่อยมาก แต่ฟิต ฮ่าๆๆๆๆ ยังไงติดตรงไหนลองดูครับ


โหลด source ไปดูกัน

10 ความคิดเห็น:

  1. ถ้าอยากจะสร้างให้เป็นแบบ 3 ชั้นจะสร้างโดยเขียนโค้ทเพิ่มได้อีกรึเปล่าคะ ?

    ลองพยายามทำแล้วแต่ทำไม่ได้เลย .. :S

    รบกวนแนะนำให้หน่อยนะคะ .. ขอบคุณมากๆค่ะ

    ตอบลบ
  2. โทษทีครับไม่ได้ เช็ค ก็ เพิ่ม ul แล้ว li ไปอีกชุดนะครับ

    ตอบลบ
  3. เวลาแทรก code จะต้อง แทรกใน tagไหนอะครับ

    ตอบลบ
  4. ก็ ตรงที่ทำให้ดูอะครับ

    ตอบลบ
  5. ถ้าเราต้องการให้คลิกหัวข้อก่อน แล้วค่อยแสดงsub menuออกมา หละคะทำยังไงดี

    ตอบลบ
  6. พี่ครับ ถ้าต้องการให้อยู่กึ่งกลางทำไงครับ
    ตัวอย่างของพี่มันชิดซ้าย
    ขอบคุณครับ

    ตอบลบ
  7. ไม่ระบุชื่อ9 มกราคม 2557 เวลา 04:01

    ขอโค้ดหน่อยได้ไหมคับ ^^

    ตอบลบ
  8. ไม่ระบุชื่อ14 ตุลาคม 2557 เวลา 01:46

    พอจะมีวิธีทำให้ตัวหนังสืออยู่กึ่งกลางช่องไหมครับ (หมายถึง ให้อยู่ Middle ของช่องน่ะคับ ถ้าจะสังเกตตอนนี้จะเห็นว่าตัวหนังสือมันค่อนข้างชิดขอบด้านบน) ขอบคุณคับ

    ตอบลบ

nuffnang