JQuery pop-up pencere, kuruluş genel bir bakış

Siteye kullanıcıları çekmek bir yolu açılır pencereleri vardır. Tabii ki, bu artan katılım mutlak bir garanti vermez, ama yine de bir süredir, onlar bilgilere dikkat çekmek.

Oluşturma bir pop-up jquery - değil kolay bir görev, ama bunu yapılabilir istiyorum. Böyle bir ürün oluşturmak için başlamadan önce Ve yine, ve nasıl görünüyor ne olduğunu görsel olarak temsil etmek gereklidir.

Site sayfaları HTML kullanılarak oluşturulur. Bunun üzerinde, kaynağın sahibi gibi sırayla, içinde, düğmeler yerleştirilir. birkaç parça (tek için ...) oluşturmak için takdir yetkisi olabilir. Bu butona tıklandığında, ziyaretçinin bir pop-up jquery göreceksiniz. veya bunların içeriği bir resim veya kayıt, reklam, mesaj, evet bir şey çekici yeni form olarak tamamen farklı şekilde olabilir. Bu konuda Fantezi herhangi sınırları ile sınırlı değildir. Pop-up pencereleri genellikle site berrak koyu arka plan sayfasını kapsayacak ve her bir simge olduğundan üzerinde, kullanıcılar genellikle sezgisel olarak anlaşılır. olasılıklar bu fonksiyon sonsuzdur.

İlk bakışta, böyle bir şey zordur oluşturabilirler, ancak bu yanlış bir izlenim için. Orada arzusu ve bu daha iyi anlamak için değil niçin ihtiyaç, varsa? Birçok anlamıyorum bile, profesyonellere dönme sürecini incelemek üzere bir fırsat her zaman vardır. en Örneğin, almak oluşturmak ve kayıt pencereleri, resim veya fotoğraf ve sekmeleri tetikleyecek bir düğme yerleştirelim. JavaScript açılır penceresini kullanarak veya düğme doğrusu biz bir başvuru hazırlamak ve ortak bir sınıf hepsi isteyin. div etiketi-a içine yerleştirilmiş bağlantılar.

Her aynen zar zor Lütfen öncelikle, pencerenin sınıf adına karşılık gelen ve hakkını bulmasına izin verir için rel özelliği eklendi. Tüm pop-up jquery biz oluşturduk. Şimdi o düzgün ve çekici hale getirmek için kalır. Bu stilleri kullanımını gerektirecektir.

Çalışma stilleri zorluğa yol açmaz: Her şey basit ve net. Biz dil yalnızca HTML ile biraz bilgi gerekiyor. Ama kullanıcı bunu anlamıyor bile, gerekli bilgiler internette bulmak kolaydır. jQuery düğmeleri için açılan pencere hiç güncel tarayıcılar bilinen eşit güzel ve derli toplu görünüyordu, bu gereklidir: a) bağlantı birimlerini merkezi; köşe kapalı b) yuvarlak; c) IE 7-8'e PIE bağlayın.

Genel olarak, HTML biçimlendirme tüm pop-up için aynı olacaktır. Eğer birkaç temel hatırlayacak kadar sahibi değilseniz nedenle, etiketlerin kullanılması askıda olsun olmamalıdır. Fark sadece bir jquery açılır pencere genişliği farklı görünecektir olan boyut, tasarım içindedir. Aynı içerikleri için geçerlidir.

aşağıdaki gibi yazılmalıdır yukarıdaki etiketine kayıt formunu barındırmak için:

yakın

Kayıt Çevrimiçi

Kullanıcı adınızı girin: Şifre girin:

Bu giriş, birinci renkli rel özelliği reg_form ile çakışır ve çift sarımlı sınıf ünitesi açılır reg_form tanımlanır (boşluk gerekir). Bu etiket tüm pop-up pencereler için ortak bir tarzı olarak oluşturabilir ve ayrı ayrı her biri için belirli parametrelerini ayarlamak için izin verir.

Daha sonra, resimler için düğmeleri yerleştirmek başlar. İşte aynı: çift sınıf belirtilen ve görüntülerin bulunduğu klasörün yolunu işaretlenmiş. Eh, daha sonra aynı ruhla.

Yalnızca, sitenizdeki sayfaların genel görünümünü ayarlamak pencereler için kurallar kaydeder oluşturduktan sonra. Bu da onların hepsi eşit yatay düzenlenmiş, tasarlanmış, ve herkesin pencere ve onun başlığın kapatılması için sorumlu bir düğmesi bulunur. Kaynak sayfasını yüklerken ek olarak, onlar gizli olacak.

kendiniz yapmak için hiçbir arzusu varsa, sen sadece biraz aksiyon uygulamaları düzelterek, otomatik olarak açılır pencere oluşturmak için olanak sağlayan bir komut dosyası indirme seçeneği her zaman vardır.