Pop-Up Window on Page Load jQuery

Pop-Up Window on Page Load jQuery

Pernahkan teman-teman menjumpai perilaku dari sebuah halaman web, pada saat kali pertama di buka akan ditampilkan sebuah window baru atau lebih dikenal dengan istilah pop-up. Pada kesempatakan kali ini kita akan mencoba membuat teknik Pop-Up dengan menggunakan jQuery.

Kalian sudah siap ya, yang pertama adalah kalian harus tahu cara kerja dari library jQuery. Untuk teknik yang akan kita buat nanti skrip untuk aktivasi sudah dibuat, jadi tinggal disisipkan saja.

Untuk hasil jadinya akan terlihat seperti berikut:

untuk skripnya, dapat dilihat disini:

skrip diatas adalah skrip yang kalian akan tulis pada bagian tag head, disana terdapat link yang mengarah ke file .css

skrip diatas kalian bisa buat, kemudian simpan dengan nama pop.css

pada skrip diatas kalian tempatkan pada bagian tag body, untuk jQuery library kita tempatkan dibagian bawah sebelum tag penutup body, diikuti dengan aktivasi pop-up itu sendiri.

kemudian buat file baru dengan nama pop.js, yang berfungsi sebagai pemicu dari efek pop-up.

Untuk skrip secara keseluruhan, kalian harus gabungkan kemudian jika ingin melihat hasil jadinya, kalian dapat mengunjungi demo yang terdapat di situs JSFiddle, tepatnya disini: https://jsfiddle.net/miftahfs/7e8j2mq1/5/

Nah cukup mudah bukan, semoga tutorial yang singkat ini bermanfaat bagi teman-teman semua, dan sampai berjumpa lagi pada artikel berikutnya.