Banyak situs modern memiliki kontrol asli. Salah satu elemen ini adalah jendela pop-up di mana Anda dapat menempatkan berbagai informasi berguna, iklan, kontrol, jajak pendapat, dan banyak lagi. Sangat mudah untuk membuat popup seperti itu - gunakan perpustakaan jQuery.
instruksi
Langkah 1
Masukkan tag ke dalam kode halaman Anda yang menambahkan perpustakaan jQuery. Tag ini terlihat cukup standar:
skrip src = "jQuery.js" / skrip
skrip src = "interface.js" / skrip
Langkah 2
Tambahkan kode css ke stylesheet untuk menata popup. Tentukan parameter seperti posisi, tinggi, luapan, gambar latar, posisi latar belakang, pengulangan latar belakang, luapan, kursor, dan lainnya yang mungkin Anda perlukan untuk penataan. Parameter ini juga dapat diatur di tag kepala, jika Anda tidak memiliki prinsip mengalokasikan file khusus untuk gaya dalam pekerjaan standar Anda. Anda dapat menulis kode dengan cara lain, menggunakan tag yang berbeda. Biasanya ada banyak cara untuk menulis jendela mengambang.
Langkah 3
Tempelkan kode untuk tautan ke sembulan ke dalam badan halaman, dan jelaskan skrip itu sendiri untuk membuka sembulan. Jelaskan fungsi untuk memanggil jendela menggunakan perintah standar show(), TransferTo(), bind() dan lain-lain. Cobalah untuk menulis deskripsi kecil untuk diri Anda sendiri di sebelah setiap fungsi, agar tidak bingung dengan kode, karena Anda dapat sepenuhnya mengganggu pengoperasian seluruh sistem.
Langkah 4
Periksa kode untuk kesalahan dan buka halaman di browser untuk melihat hasil pekerjaan Anda. Agar jendela pop-up muncul, Anda perlu mengklik tautan yang dibuat. Di masa mendatang, Anda dapat menyediakan tampilan otomatis dari jendela pop-up. Popup juga harus memiliki berbagai karakteristik, seperti kemampuan drag and drop, minimize, stretch, dan tentunya close. Semua karakteristik ini perlu dijelaskan dalam skrip popup. Membuat floating windows tidaklah sulit, yang utama adalah mengetahui dasar-dasar pemrograman, karena Anda memerlukan pengetahuan khusus untuk menulis kode dengan benar.
