Jquery popup window, gambaran pendirian

Salah satu cara untuk menarik pengguna ke situs adalah pop-up. Tentu saja, ini tidak memberikan jaminan mutlak meningkatkan kehadiran, tapi masih untuk beberapa waktu, mereka sebut memperhatikan informasi.

Buat sebuah popup jquery - bukan tugas yang mudah, tetapi jika Anda ingin itu bisa dilakukan. Namun, sebelum Anda mulai untuk membuat produk tersebut, perlu untuk mewakili visual apa itu dan bagaimana tampilannya.

halaman situs yang dibuat menggunakan HTML. Di atasnya, dalam urutan, yang seperti pemilik sumber daya, ditempatkan tombol. Mungkin ada beberapa potong (satu ke ...), kebijaksanaan untuk membuat. Mengklik tombol ini, pengunjung akan melihat popup jquery. Isi dari ini atau mungkin benar-benar berbeda, seperti gambar atau bentuk baru yang menarik dari pendaftaran, iklan, pesan, ya apa-apa. Fantasi dalam hal ini tidak dibatasi oleh batas-batas apapun. Pop-up windows sering menutupi halaman situs latar belakang gelap yang jelas dan pada masing-masing ada sebuah ikon, pengguna biasanya dipahami secara intuitif. Kemungkinannya tak terbatas fungsi ini.

Pada pandangan pertama, untuk membuat hal seperti itu sulit, tapi ini adalah kesan yang salah. Jika ada keinginan dan kebutuhan ada, mengapa hal ini tidak untuk memahami lebih lanjut? Bahkan jika banyak yang tidak mengerti, selalu ada kesempatan untuk mempelajari proses beralih ke profesional. Mari kita, misalnya, membuat dan menempatkan tombol yang akan memicu pendaftaran jendela, gambar atau foto dan tab. Menggunakan jendela pop-up javascript, atau lebih tepatnya tombol, kita mempersiapkan referensi dan meminta mereka semua kelas umum. Link ditempatkan di dalam div tag-a.

Atribut rel, ditambahkan ke setiap persis sesuai dengan nama kelas jendela dan memungkinkan Anda untuk menemukan kanan, hampir tidak mengklik link di atas. Semua, popup jquery kita buat. Sekarang masih untuk membuatnya rapi dan menarik. Hal ini akan memerlukan penggunaan gaya.

gaya kerja tidak menyebabkan kesulitan: semuanya sederhana dan jelas. Kita hanya perlu sedikit pengetahuan tentang HTML bahasa. Tetapi bahkan jika pengguna tidak mengerti, informasi yang diperlukan mudah untuk menemukan di Internet. Untuk tombol jquery, pop-up windows melihat semua diketahui browser tanggal sama-sama bagus dan rapi, perlu: a) ke pusat unit link, b) putaran dari sudut; c) menghubungkan PIE ke IE 7-8.

Secara umum, HTML markup akan sama untuk semua pop-up. Oleh karena itu, penggunaan tag tidak harus mendapatkan digantung jika Anda tidak memiliki cukup untuk mengingat beberapa dasar. perbedaannya hanya dalam desain ukuran, yaitu, satu jquery popup window lebar akan terlihat berbeda. Hal yang sama berlaku untuk isi.

Untuk mengakomodasi formulir pendaftaran ke tag di atas harus ditulis sebagai berikut:

dekat

Pendaftaran online

Masukkan nama pengguna: Masukkan password:

Dalam entri ini bertepatan dengan reg_form atribut rel tombol pertama, dan unit kelas pembungkus ganda didefinisikan popup reg_form (ruang yang dibutuhkan). Label ini memungkinkan Anda untuk membuat sebagai gaya umum untuk semua jendela pop-up, dan mengatur parameter spesifik untuk setiap secara terpisah.

Berikutnya, mulai menempatkan tombol untuk gambar. Berikut adalah sama: kelas ganda ditunjukkan dan ditandai path ke folder di mana gambar berada. Nah, kemudian dalam semangat yang sama.

Setelah Anda membuat hanya akan menyesuaikan penampilan keseluruhan halaman di situs Anda, daftar aturan untuk windows. Artinya, mereka semua sama-sama dirancang, diedit horizontal, dan semua orang akan memiliki tombol yang bertanggung jawab untuk penutupan jendela dan judulnya. Selain itu, mereka akan tersembunyi ketika loading halaman sumber daya.

Jika tidak ada keinginan untuk melakukannya sendiri, selalu ada pilihan untuk men-download sebuah script yang memungkinkan Anda untuk membuat jendela pop-up secara otomatis, hanya sedikit mengoreksi applet tindakan.