Krijimi i një dritareje në HTML bëhet duke përdorur bibliotekën jQuery, e cila ju lejon të integroni një mbajtës të ngjarjeve në një faqe në internet dhe në këtë mënyrë të bëni të mundur shfaqjen e përmbajtjes aktive të faqes.
Udhëzimet
Hapi 1
Hapni faqen tuaj të faqes HTML në redaktuesin e tekstit që përdorni për të shkruar kodin që dëshironi. Ju gjithashtu mund të përdorni programin standard Windows Notepad për të futur një dritare që shfaqet. Për ta bërë këtë, klikoni me të djathtën në skedarin HTML dhe zgjidhni "Open With" - "Notepad".
Hapi 2
Në seksionin e dokumentit, krijoni një shtresë që do të trajtojë jQuery:
Hapi 3
Pastaj duhet të vendosni emrin e dritares së dritares. Për ta bërë këtë, mund të përdorni kokat HTML me nivele:
Titulli i dritares
Hapi 4
Pas kësaj, vendosni tekstin që do të shfaqet në dritare duke përdorur skenarin për të krijuar një paragraf:
Teksti
Hapi 5
Pastaj krijoni një shtresë me klasën close_win për të mbyllur dritaren, para se të mbyllni dorezën e mëparshme:
Mbyllni një dritare
Hapi 6
Përfshini bibliotekën jQuery në skedar duke shtuar etiketën e kërkuar midis përshkruesve të dokumentit. Për shembull:
Hapi 7
Pas kësaj, futni kodin për të shfaqur dritaren e dritares:
$ (funksioni () {
$ ('# Show'). Fshih ();
Hapi 8
Tjetra, duhet të trajtoni ngjarjen që përdoruesi të shtypë butonin e miut për të thirrur dritaren që shfaqet dhe të trajtojë mbylljen e dritares. Për ta bërë këtë, futni kodin e mëposhtëm:
$ (‘# Click-me’). Kliko (funksioni () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win '). Kliko (funksioni () {$ (‘ # show'). FadeOut (300);})
& lt / skript>})
Ky program merret me përdoruesin duke shtypur butonat për thirrjen e dritares që shfaqet dhe duke klikuar në lidhjen për ta mbyllur atë.
Hapi 9
Për të shfaqur dritaren pop-up në faqe, mund të përdorni lidhjen e klasës kliko-me që ishte specifikuar në kodin e mësipërm. Për ta bërë këtë, futni kodin vijues në trupin e dokumentit:
Klikoni për të shfaqur dritaren e dritares
