Rodyti ir slėpti tekstą ar vaizdus naudodami CSS ir JavaScript

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:

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

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:

Išmokti HTML