KomputerPengaturcaraan

Tetingkap pop timbul jquery, gambaran keseluruhan pertubuhan ini

Salah satu cara untuk menarik pengguna ke laman web ini adalah pop-up. Sudah tentu, ini tidak memberi jaminan mutlak untuk meningkatkan kehadiran, tetapi masih untuk beberapa waktu, mereka membawa perhatian kepada maklumat.

Buat popup jquery - bukan satu tugas yang mudah, tetapi jika anda mahu ia boleh dilakukan. Namun, sebelum anda mula membuat produk seperti itu, ia adalah perlu untuk mewakili visual apa yang ia dan bagaimana ia kelihatan.

muka surat laman web yang dicipta menggunakan HTML. Pada itu, dalam perintah itu, yang suka pemilik sumber, diletakkan butang. Mungkin ada beberapa keping (satu hingga ...), budi bicara untuk mencipta. Klik pada butang ini, pengunjung akan dapat melihat yang jquery popup. Kandungan ini atau ia sama sekali berbeza, seperti gambar atau bentuk baru yang menarik pendaftaran, pengiklanan, mesej, ya apa-apa. Fantasi dalam perkara ini tidak terhad oleh mana-mana sempadan. Pop-up windows sering meliputi halaman laman latar belakang gelap yang jelas dan pada setiap daripada mereka terdapat ikon, pengguna biasanya difahami intuitif. Kemungkinan yang tidak berkesudahan fungsi ini.

Pada pandangan pertama, untuk mewujudkan perkara seperti ini adalah sukar, tetapi ini adalah gambaran yang salah. Jika ada keinginan dan keperluan wujud, mengapa ini tidak adalah untuk memahami lebih lanjut? Walaupun ramai yang tidak memahami, sentiasa ada peluang untuk belajar proses beralih kepada profesional. Mari kita, sebagai contoh, membuat dan meletakkan butang yang akan mencetuskan pendaftaran tingkap, gambar atau foto dan tab. Menggunakan tetingkap pop-up javascript, atau lebih butang, kami menyediakan rujukan dan meminta mereka semua kelas biasa. Pautan diletakkan di dalam div tag-a.

The rel sifat, ditambah kepada setiap tepat sepadan dengan nama kelas tetingkap dan membolehkan anda untuk mencari kanan, hampir tidak klik pautan di atas. Semua, pop jquery telah kami buat. Ia kini masih membuat ia kemas dan menarik. Ini akan memerlukan penggunaan gaya.

gaya kerja tidak menyebabkan masalah: segala-galanya adalah mudah dan jelas. Kita hanya perlu sedikit pengetahuan HTML bahasa. Tetapi, jika pengguna tidak faham, maklumat yang diperlukan adalah mudah untuk mencari di Internet. Untuk butang jquery, pop-up windows melihat semua diketahui pelayar tarikh sama-sama baik dan kemas, ia adalah perlu: a) untuk memusatkan unit pautan; b) pusingan off sudut; c) menyambung PIE untuk IE 7-8.

Secara umum, HTML markup akan sama untuk semua pop-up. Oleh itu, penggunaan tag tidak perlu mendapatkan hung jika anda tidak memiliki cukup untuk ingat beberapa asas. perbezaan hanya dalam reka bentuk saiz, iaitu, satu jquery popup lebar tetingkap akan kelihatan berbeza. Begitu juga dengan kandungan.

Untuk menampung borang pendaftaran untuk tag di atas hendaklah ditulis seperti berikut:

Tutup

Daftar Online

Masukkan nama pengguna anda: Masukkan kata laluan:

Dalam catatan ini bertepatan dengan reg_form atribut rel butang pertama, dan unit kelas pembalut double ditakrifkan popup reg_form (ruang diperlukan). Label ini membolehkan anda untuk membuat sebagai gaya yang sama untuk semua tetingkap pop-up, dan menetapkan parameter tertentu bagi setiap berasingan.

Seterusnya, mula meletakkan butang untuk gambar. Di sini adalah sama: kelas dua yang dinyatakan dan ditanda laluan ke folder di mana imej berada. Nah, kemudian dalam semangat yang sama.

Selepas anda membuat hanya akan menyesuaikan penampilan keseluruhan halaman di laman web anda, mendaftar peraturan untuk tingkap. Iaitu, mereka semua sama-sama direka, disunting mendatar, dan semua orang akan mempunyai butang yang bertanggungjawab bagi penutupan tingkap dan tajuk. Di samping itu, mereka akan tersembunyi apabila memuatkan halaman sumber.

Jika tidak ada keinginan untuk melakukannya sendiri, sentiasa ada pilihan untuk memuat turun skrip yang membolehkan anda untuk membuat tetingkap pop-up secara automatik, hanya sedikit membetulkan applet tindakan.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ms.atomiyme.com. Theme powered by WordPress.