Ustvarite izkušnjo s stilom aplikacije na svojih spletnih mestih
Dinamični HTML (DHTML) vam omogoča, da na svojih spletnih mestih ustvarite izkušnjo s stilom aplikacije, s čimer se zmanjša pogostost celotnih strani. V aplikacijah, ko kliknete nekaj, se aplikacija takoj spremeni, da prikaže to določeno vsebino ali da vam zagotovi odgovor.
V nasprotju s tem je treba običajno ponovno naložiti spletne strani ali naložiti celotno novo stran. Tako lahko uporabniška izkušnja postane bolj ločena. Vaše stranke morajo počakati na prvo stran, ki jo želite naložiti, in nato počakajte, da se naloži druga stran in tako naprej.
Uporaba & lt; div & gt; izboljšati izkušnje gledalcev
Uporaba DHTML-a je eden od najpreprostejših načinov za izboljšanje te izkušnje, če želite, da se elementi div vključijo ali izključijo, če želite prikazati vsebino, ko jo zahtevate. Element div opredeljuje logične delitve na svoji spletni strani. Pomislite na div kot polje, ki lahko vsebuje odstavke, naslovi, povezave, slike in celo druge divje.
Kaj boste potrebovali
Da bi ustvarili div, ki ga je mogoče vklopiti ali izklopiti, potrebujete naslednje:
- Povezava za nadzor div z vklopom ali izklopom, ko jo kliknete
- Div za prikaz in skrivanje
- CSS za oblikovanje div skritega ali vidnega
- JavaScript za izvedbo ukrepa
Nadzorna povezava
Nadzorna povezava je najlažji del. Preprosto ustvarite povezavo, podobno kot vi, na drugo stran. Zaenkrat pustite atribut href prazen.
Več o HTMLuTo postavite kjerkoli na svojo spletno stran.
Div za prikaz in skrivanje
Ustvarite element div, ki ga želite prikazati in skriti. Prepričajte se, da ima vaš div poseben id na njem. V tem primeru je edinstven ID učni HTML .
To je stolpec vsebine. Začne se prazno, razen tega besedila razlag. Izberi, kaj želite izvedeti v koloni za krmarjenje na levi. Besedilo bo prikazano spodaj: p> Ustvarite dva razreda za svoj CSS: enega za skrivanje div in drugega za prikaz. Za to imate dve možnosti: prikaz in vidljivost. Zaslon odstrani div od toka strani, vidnost pa samo spremeni, kako je viden. Nekateri koderi raje prikazujejo , vendar je včasih tudi občutljivost smiselna. Na primer: Če želite uporabiti vidnost, spremenite te razrede na: Dodajte skriti razred svojemu divu, tako da se začne na strani prikazati kot skrito: V tem skriptu je prikazan trenutni razred, ki je nastavljen na vašem divu, in ga preklopi na neokrnjeno, če je označen kot skrit ali obratno. To je le nekaj vrstic JavaScripta. Postavite naslednje v glavo vašega dokumenta HTML (pred oznako Več o HTML h3>
CSS, da prikaže in skrije div
JavaScript, da bo delal