Membuat Menu Popup Menggunakan jQuery

Pada tutorial kali ini saya ingin mengajarkan bagaimana caranya membuat Menu Popup menggunakan jQuery. Menu Popup Maksudnya adalah menu yang saat kita klik maka menu tersebut akan memunculkan Popup atau pilihan dari menu tersebut, jadi kita bisa memilih pilihan menu yang ada didalamnya.

Nah dari pada kalian bingung coba kalian lihat hasilnya terlebih dahulu di SINI.

Dan Untuk cara membuatnya kalian bisa ikutin baris program seperti di bawah ini.

HTML

CSS

jQuery 1

jQuery 2

Untuk Script jQuery diatas terdapat 2 script jQuery, untuk script jQuery yang pertama kalian bisa simpan difile yang berbeda dan jangan di jadikan satu dengan file HTML contohnya seperti kalian buat new file lalu pilih javascript dan save as nya dengan nama bebas contohnya seperti popup.js. Dan untuk Script jQuery yang satu lagi kalian bisa mengabungkanya dengan file HTML dan diletakan didalam tag head kemudian dibungkus dengan tag script maka hasil keseluruhan untuk jQuerynya seperti gambar dibawah ini.

Sekian dulu tutorial dari saya semoga tutorial ini bisa bermanfaat buat kalian. Terima Kasih.