HTML'de bir açılır pencere oluşturmak, bir olay işleyicisini bir web sayfasına entegre etmenize ve böylece sitenin aktif içeriğini görüntülemenize olanak tanıyan jQuery kitaplığı kullanılarak yapılır.
Talimatlar
Aşama 1
İstediğiniz kodu yazmak için kullandığınız metin düzenleyicide HTML site sayfanızı açın. Bir açılır pencere eklemek için standart Windows Not Defteri yardımcı programını da kullanabilirsiniz. Bunu yapmak için, HTML dosyasına sağ tıklayın ve "Birlikte Aç" - "Not Defteri"ni seçin.
Adım 2
Belge bölümünde, jQuery'yi işleyecek bir katman oluşturun:
Aşama 3
Ardından açılır pencerenin adını ayarlamanız gerekir. Bunu yapmak için katmanlı HTML başlıklarını kullanabilirsiniz:
Pencere başlığı
4. Adım
Bundan sonra, bir paragraf oluşturmak için komut dosyasını kullanarak pencerede görüntülenecek metni ayarlayın:
Metin
Adım 5
Ardından, önceki tutamacı kapatmadan önce açılır pencereyi kapatmak için close_win sınıfına sahip bir katman oluşturun:
Bir pencereyi kapat
6. Adım
Belge tanımlayıcıları arasına gerekli etiketi ekleyerek jQuery kitaplığını dosyaya ekleyin. Örneğin:
7. Adım
Bundan sonra, açılır pencereyi görüntülemek için kodu girin:
$ (işlev () {
$ ('# Göster') Gizle ();
8. Adım
Ardından, açılır pencereyi çağırmak için kullanıcının fare düğmesine basması olayını ve pencerenin kapanmasını ele almanız gerekir. Bunu yapmak için aşağıdaki kodu girin:
$ ('# Tıkla'). Tıkla (işlev () {$ ('# göster'). Fadein (300);})
$ ('# Close_win'). (function () {$ ('# show'). FadeOut (300);}) öğesini tıklayın.
& lt / komut dosyası>})
Bu program, kullanıcının açılır pencereyi çağırmak için düğmelere basmasını ve kapatmak için bağlantıya tıklamasını sağlar.
9. Adım
Açılır pencereyi sayfada görüntülemek için yukarıdaki kodda belirtilen click-me sınıfının bağlantısını kullanabilirsiniz. Bunu yapmak için, belgenin gövdesine aşağıdaki kodu girin:
Pop-up'ı göstermek için tıklayın
