Cara Mudah Membuat Modal window dan Mask sederhana dengan jQuery

488

Dalam membuat sebuah projek website, terkadang kita dihadapkan dengan kebutuhan bagaimana cara menampilkan konten pada halaman yang sama dalam sebuah popup atau window tertentu. Tentu saja reload/refresh halaman website tidak kita harapkan. Kontent tersebut misalnya berupa tampilan gambar medium/large atau tampilan form seperti form email dari lini atau icon yang kita klik. Dalam hal ini, AJAX (yang dimaksud bukan sama dengan AJAX FC..:)..) beraksi mengambil data untuk mengisi konten yang akan kita tampilkan.

Lagi dan lagi  kita mengandalkan kebaikan jQuery dengan The Write Less, Do More-nya agar pekerjaan kita semakin simple dan lebih gampang. Contoh modal widow dengan mask: http://magzimp.com/contact . Form email akan muncul ketika icon email di klik…

Sedikit gambar-an tentang Modal Window dan Mask:

modal window

Daripada banyak basi basi, bagi rekan-rekan yang memerlukan silahkan langsung sedot aja di sini. Jangan khawatir, contoh skrip bebas dimodifikasi dan tidak dikenakan pajak … 🙂

–SEMOGA BERMANFAAT–