Opspringvensters vir 'n wye verskeidenheid doeleindes het baie gebruike in die webkonstruksie. Dit kan gebruik word om verskillende soorte menu's te skep, advertensietekste en -grafieke te plaas, hulpmiddels by die invul van ingewikkelde vorms, en dit is maklik om die vorms self in vensters te plaas wat nie ruimte op die bladsy inneem nie. In ons artikel vind u 'n beskrywing van hoe u so 'n venster kan maak.
Dit is nodig
Basiese kennis van HTML
Instruksies
Stap 1
pop-up, html, verborge laag
Stap 2
Op baie bladsye op die internet kan u sien dat fyn biblioteke van verskillende JavaScript-raamwerke (jQuery, MooTools, Prototype, ens.) Gebruik word om pop-upvensters op die bladsye te skep. Dit is egter nie nodig om hierdie spesifieke probleem op te los nie. Die gereedskap beskikbaar in Hypertext Markup Language (HTML) en Cascading Style Sheets (CSS) is voldoende om pop-ups te skep. Die vensters wat op hierdie manier gemaak word, sal werk ongeag of JavaScript in die besoeker se blaaier geaktiveer is.
Al die kode wat die pop-up skep, kan op twee lyne geplaas word. Die eerste reël skep 'n skakel wat geklik moet word om die pop-up te vertoon:
Klik hier!
Hier stel die kenmerk onmouseover van die skakeltiket die standaard muiswysertipe vir skakels in. Die onclick-kenmerk spesifiseer dat wanneer die skakel geklik word, die verborge PopUp-blok sigbaar moet word.
Die tweede reël is in werklikheid die pop-upvenster. Laag met die PopUp-identifiseerder en die grootte van die venster, kleur en grootte van die teks, agtergrond en rand wat in die stylkenmerk gespesifiseer word:
Dit is die teks in die pop-up
Dit is standaard nie sigbaar nie - dit word aangedui deur die skermkieser met 'n waarde geen in die laagstylbeskrywing.
Eintlik is dit alles wat u nodig het om 'n pop-upvenster te skep - plaas hierdie twee reëls tussen die etikette en u bladsy en dit is gereed om te begin.
Stap 3
Om die pop-upvenster voor die etiket te kan sluit, moet u 'n skakel byvoeg wat die teenoorgestelde handeling uitvoer - om die sigbare laag met die PopUp-identifiseerder te verberg:
naby
Stap 4
En as u wil hê dat die venster moet verskyn, nie deur te klik nie, maar deur die muisaanwyser te hou, moet die eerste reël met die skakel op hierdie manier gewysig word:
beweeg die muis hierheen!
Stap 5
U is nou vertroud met die beginsel en struktuur van die pop-upvenster-kode, en die ontwerp van sy voorkoms en inhoud hang geheel en al af van u doelstellings en verbeelding.
