Sukurkite savo tinklalapiuose taikomojo stiliaus patirtį
Dinaminis HTML (DHTML) leidžia jums sukurti savo tinklalapiuose pritaikytą stilių, sumažinant dažnumą, kurį reikia visiškai įkelti į visus puslapius. Programose, spustelėjus kažką, programa nedelsdama pakeičia tam tikro turinio rodymą arba pateikia jums atsakymą.
Priešingai, tinklalapiai paprastai turi būti perkeliami, arba turi būti įkeltas visas naujas puslapis. Tai gali padaryti naudotojo patirtį labiau išsiskyrusi. Jūsų klientai turi laukti pirmojo puslapio įkėlimo, o tada vėl palaukti, kol antras puslapis bus įkeltas, ir tt
Naudojant & lt; div & gt; tobulinti skaitytuvo patirtį
Naudojant DHTML, vienas iš paprasčiausių būdų, kaip tobulinti šią patirtį, yra elementų perjungimas įjungiant ir išjungiant, kad būtų rodomas turinys, kai jis bus paprašytas. Div elementas apibrėžia loginius skyrius jūsų tinklalapyje. Pagalvokite apie "div" kaip dėžutę, kurioje gali būti pastraipos, antraštės, nuorodos, vaizdai ir netgi kiti divs.
Ko jums reikės
Norėdami sukurti div, kurį galima įjungti ir išjungti, jums reikia:
- Nuoroda į div valdymą, įjungiant ir išjungiant spustelėjus
- Divas parodyti ir slėpti
- CSS, kad stiliaus fragmentas paslėptas arba matomas
- JavaScript, norint atlikti veiksmą
Kontroliuojantis ryšys
Valdymo saitas yra lengviausia dalis. Tiesiog sukurkite nuorodą, kokia būtų kitam tinklalapiui. Dabar palikite atributą href tuščią.
išmokti HTML a>Padėkite tai bet kur jūsų tinklalapyje.
"Div" rodyti ir slėpti
Sukurkite div elementą, kurį norite rodyti ir slėpti. Įsitikinkite, kad jūsų div turi unikalų identifikatorių. Pavyzdyje unikalus ID yra mokytis HTML .
Tai yra turinio stulpelis. Tai prasideda tuščią, išskyrus šį paaiškinimo tekstą. Pasirinkite, ko norite mokytis, navigacijos stulpelyje kairėje. Tekstas bus parodytas žemiau: p> Sukurkite dvi klases savo CSS: vieną, kad paslėptumėte div, o kitas jį parodysite. Jums yra dvi parinktys: rodymas ir matomumas. Ekranas pašalina div iš puslapio srauto, o matomumas tik pakeičia jo matomumą. Kai kurie programuotojai pageidauja rodyti , bet kartais ir matomumas yra prasmingas. Pavyzdžiui: Jei norite naudoti matomumą, tada pakeiskite šias klases į: Pridėkite paslėptą klasę savo div, kad ji pradėtų kaip paslėpta puslapyje: Visas šis scenarijus yra pažvelgti į dabartinę klasę, nustatytą jūsų div, ir perjungia ją į neapsaugotą, jei ji pažymėta kaip paslėpta arba atvirkščiai. Tai tik keletas eilučių JavaScript. Įdėkite žemiau esantį HTML dokumento galą (prieš Išmokti HTML h3>
CSS, norint parodyti ir slėpti div
JavaScript, kad jis veiktų