Birçok modern sitenin orijinal kontrolleri vardır. Bu öğelerden biri, çeşitli yararlı bilgiler, reklamlar, kontroller, anketler ve daha fazlasını yerleştirebileceğiniz açılır pencerelerdir. Böyle bir açılır pencere oluşturmak oldukça kolaydır - jQuery kitaplığını kullanın.
Talimatlar
Aşama 1
jQuery kitaplığını ekleyen etiketleri sayfa kodunuza ekleyin. Bu etiketler oldukça standart görünüyor:
komut dosyası src = "jQuery.js" / komut dosyası
komut dosyası src = "interface.js" / komut dosyası
Adım 2
Açılır pencereye stil vermek için stil sayfasına css kodunu ekleyin. Konum, yükseklik, taşma, arka plan görüntüsü, arka plan konumu, arka plan tekrarı, taşma, imleç ve stil için ihtiyaç duyabileceğiniz diğerleri gibi parametreleri belirtin. Standart çalışmanızdaki stiller için özel bir dosya ayırma prensibiniz yoksa, bu parametreler head etiketinde de ayarlanabilir. Farklı etiketler kullanarak başka şekillerde kod yazabilirsiniz. Yüzen pencereler yazmanın genellikle birçok yolu vardır.
Aşama 3
Açılır pencere bağlantısının kodunu sayfanın gövdesine yapıştırın ve açılır pencereyi açmak için komut dosyasının kendisini tanımlayın. Show (), TransferTo (), bind () ve diğer standart komutları kullanarak bir pencereyi çağırmak için bir işlevi tanımlayın. Tüm sistemin işleyişini tamamen bozabileceğiniz için kodda kafanız karışmaması için her bir fonksiyonun yanına kendiniz için küçük bir açıklama yazmaya çalışın.
4. Adım
Hatalar için kodu kontrol edin ve çalışmanızın sonucunu görmek için sayfayı bir tarayıcıda açın. Bir açılır pencerenin görünmesi için oluşturulan bağlantıya tıklamanız gerekir. Gelecekte, bir açılır pencerenin otomatik olarak görünmesini sağlayabilirsiniz. Pop-up'ın ayrıca sürükleyip bırakma, simge durumuna küçültme, esnetme ve tabii ki kapatma gibi çeşitli özellikleri olmalıdır. Tüm bu özelliklerin açılır komut dosyasında açıklanması gerekir. Kayan pencereler yapmak zor değil, asıl şey, kodu doğru yazmak için özel bilgiye ihtiyacınız olduğundan, programlamanın temellerini bilmek.
