JQuery kalıcı penceresi - ne işe yarar ve nasıl kurulur

İçindekiler:

JQuery kalıcı penceresi - ne işe yarar ve nasıl kurulur
JQuery kalıcı penceresi - ne işe yarar ve nasıl kurulur
Anonim

Sorunuzun cevabını bulmak için bazen çok zaman harcamanız gerekir, özellikle web tasarımı söz konusu olduğunda, bu tür konularda özellikle bilgili olmayan bir kişi bir site oluşturmaya karar vermişse kendi başına. Bir jquery modal penceresi bu kadar acı verici bir görev olabilir.

İnternette bu tür birçok pencere bulabilirsiniz. Görünüşe göre onları kopyalayıp sitenize yapıştırmanız gerekiyor … Ancak, her şey o kadar basit değil. Şans eseri her şeyi yavaşlatan bir detay var ve görevi çözmek imkansız çünkü bunun için gerekli bir bilgi yok. Bu nedenle, jQuery'de uygulanması zor birçok ilginç özelliğe sahip bir modal pencereye hemen zorbalık yapmak yerine, gereksiz sorunlar olmadan küçük, basit bir modal pencereyle başlamak daha iyidir.

Wordpress'te bir yerde bir blog varsa, o zaman her şey çok basittir ve zaten birçok hazır çözüme sahip olduğu için genellikle zorluk yoktur - çeşitli açılır modüller. Ancak, kalıcı bir pencereyi kendiniz “şekillendirmeniz” veya ücretli uzman hizmetlerine başvurmanız gereken tamamen farklı seçenekler de var. Bildiğiniz gibi, hiç kimse ödemek istemiyor, özellikle de meselenin özüne inmeniz gerektiği göründüğünde ve her şey oldukça hızlı bir şekilde ortaya çıkacak vetamamen ücretsiz.

Sayfadaki bilgilerle birlikte gelen ve onu tamamlayan içeriği görüntülemek için bir jquery kalıcı penceresi gerekir.

jQuery - nedir?

Tam bir anlayış için, eğer birisi bilmiyorsa, o zaman jquery bir JavaScript kitaplığıdır ve ikincisi, sırayla, bir web sayfasının koduna gömülü olan ve elde etmenizi sağlayan bir kod parçası anlamına gelir. HTML ve CSS içinde uygulanamayan farklı efektler. Böyle bir kod parçasının tipik bir örneği, sayfada görüntülenen geçerli tarih veya saat olabilir.

Kütüphane geliştiricilerinin, sürekli olarak geliştirilip güncellenen ve yeni kütüphaneler sunan tüm yeni sürümlerin bulunduğu resmi bir web sitesi vardır.

Jquery'ye şu veya bu efekte ihtiyacınız olduğunu söylemek için stil sayfalarına sahip bir CSS dili vardır.

CSS dili

CSS, Basamaklı Stil Sayfaları anlamına gelir. İnternette bu dili kullanmayan bir site bulmak artık imkansız.

Dolayısıyla, modal pencerelerde jquery ve CSS neredeyse vazgeçilmez ve vazgeçilmezdir. Bu nedenle, jquery dahil değilse, bunu yapmanız gerekir.

Bunu yapmak için, head etiketinin içine aşağıdakiler eklenir:

jQuery
jQuery

Kipler ne işe yarar?

Site yüklendiğinde görünen basit bir jquery modu, daha fazla takipçi almak için faydalı olabilir. Sayfa açıldığında pencere görünecektir. Çok dikkat dağıtıcı değildir ve kimseyi korkutması pek olası değildir, çünkü en ufak bir rahatsızlıkta bunu yapmak kolaydır.kapanır ve kapat düğmesi çerezlere sahip olur ve üzerine tıkladığınızda kaybolan kalıcı pencere bir daha açılmaz.

Açılır pencere

Sayfa başına yalnızca bir kez görünen bir jquery açılır penceresi, kalıcı pencerelerin bir çeşididir.

Uygulamak için birkaç adım atılmalıdır.

Kalıcı pencereler için özel eklentiler kullanabilirsiniz. Bunları arcticModal gibi geliştirici sitelerinden indirmek en iyisidir. Şu şekilde bağlanır:

jQuery kalıcı penceresi
jQuery kalıcı penceresi

Pencere stili olmadan, standart eklenti temalarından biri şöyle görünür:

jQuery basit kalıcı pencere
jQuery basit kalıcı pencere

Ardından, çerez eklentisi bağlanır:

jQuery kalıcı penceresi
jQuery kalıcı penceresi

Kullanıcı için bilgi sağlayan HTML kodu yazma:

jQuery kalıcı penceresi
jQuery kalıcı penceresi

Kodda belirtilen arktimonial-close sınıfı, jQuery modal penceresinin onunla kapanacağı anlamına gelir.

Sonra son senaryo geliyor:

jQuery açılır modu
jQuery açılır modu

Kullanılan parametrelerin bazıları şu anlama gelir:

closeOnOverClick: bindirme tıklandığında pencerenin kapanıp kapanmayacağını belirler.

CloseOn Esc: Esc'ye tıklamak anlamına gelir.

Expires: Tanımlama bilgisinin saklanacağı zamanı belirtir. Önerilen versiyonda bu süre altmış gün olacak, yani pencere iki ay boyunca gösterilmeyecek. Çerez her ziyarette güncellenir.

Size nasıl yükleyeceğinizi öğrenmejQuery modal penceresinde gerekirse daha karmaşık seçeneklere geçebilirsiniz. Bunun için çeşitli CSS stilleri eklenir ve pencere diğer sitelerdeki kalıcı pencerelerden tamamen farklı hale gelir.

Fantezi ve hayal gücü, bu tür çözümler sayesinde abone sayısını önemli ölçüde artırmaya yardımcı olacak ve çevrimiçi mağazalara ustaca yerleştirilen modal pencereler satışları kat kat artırabilir. Bu nedenle, pencereleri programlamak ve kurmak için harcanan zaman haklı çıkar ve kesinlikle karşılığını verir!

Kipli pencere türleri

Modal pencereler, ilgili düğmeye tıkladığınızda veya sayfayla birlikte yüklendiğinde açılır ve yüklendikten hemen sonra görünebilir. Yukarıda açıklanan örnekte olduğu gibi bir çerez ayarlanmışsa, bir süre kapatıldığında artık görünmeyebilirler veya sayfa her yüklendiğinde görünebilirler. Sayfadaki hareketlere rağmen tek bir yerde sabitlenen ve üzerinde kalan modal pencereler vardır ve pencere bir bağlantı ile bilgi içerdiğinde ve kullanıcı içinden geçtiğinde dinamik olabilir. Ardından, orijinal sayfa değişmeden kalırken yalnızca pencere güncellenecektir.

Önerilen: