Tsim ib daim ntawv thov-kev paub txog koj cov websites
Dynamic HTML (DHTML) tso cai rau koj los tsim ib daim ntawv thov kev pab cuam ntawm koj lub vev xaib, txo cov zaus uas tag nrho cov nplooj ntawv yuav tsum tau muab tag nrho. Hauv kev sau ntawv, thaum koj nias rau ib yam dab tsi, daim ntawv thov tam sim ntawd hloov los qhia tias cov ntsiab lus tseem ceeb los yog muab cov lus teb rau koj.
Hauv kev sib piv, webpages feem ntau yuav tsum tau rov qab los, los yog ib nplooj ntawv tshiab tag nrho yuav tsum tau muab tso rau. Qhov no tuaj yeem ua rau tus neeg siv kev paub ntau dua. Koj cov neeg muas zaub yuav tsum tos rau thawj nplooj mus thauj khoom thiab rov qab tos dua zaum ob sab mus thauj khoom, thiab ntxiv rau.
Siv & lt; div & gt; mus Txhim Kho Cov Kev Pom Zoo
Siv DHTML, yog ib txoj kev yooj yim los txhim kho txoj kev ua no kom muaj div ntsiab toggle rau thiab tawm los tso saib cov ntsiab lus thaum nws tau thov. Ib qho kev ua haujlwm ntawm div tseem txhais cov ncauj lus tshiab ntawm koj qhov web page. Xav txog ib qho div raws li lub thawv uas yuav muaj cov ntsiab lus, cov npe, cov kev sib txuas, cov duab, thiab lwm cov divs.
Dab tsi koj & # 39 xav tau
Yuav kom tsim tau ib div uas tuaj yeem toggled rau thiab tawm, koj xav tau cov hauv qab no:
- Ib qhov txuas los tswj cov div los ntawm tig nws thiab tawm thaum clicked
- Lub div qhia thiab nkaum
- CSS mus rau tus txheej txheem div los yog pom
- JavaScript ua tes hauj lwm
Tus Txiav Txim Siab
Qhov sib txuas sib txuas yog qhov yooj yim. Tsuas tsim ib qhov txuas zoo li koj xav rau lwm nplooj. Rau tam sim no, tawm tus href attribute dawb.
Kawm HTMLMuab qhov no tso rau hauv koj qhov web page.
Lub Div kom Show and Hide
Ua kom lub div lub npe koj xav pom thiab nkaum. Nco ntsoov tias koj div muaj tus cim tshwj xeeb rau nws. Hauv qhov ua piv txwv, tus cim tshwj xeeb yog kawm HTML .
Qhov no yog lub ntsiab lus qhia. Nws pib tawm tsis tshwj rau qhov kev piav qhia no. Xaiv seb koj xav kawm dab tsi hauv tshooj navigation hauv sab laug. Cov ntawv nyeem yuav tshwm hauv qab no: Tsim ob hoob rau koj CSS: ib qho nkaum div thiab lwm tus los qhia nws. Koj muaj ob txoj kev rau qhov no: tso saib thiab visibility. Tso tawm tuskheej div ntawm qhov nplooj ntws, thiab pom kev tsuas yog hloov li cas nws pom. Qee tus coders nyiam zaub , tab sis qee zaus visibility ua rau kev nkag siab, ib yam nkaus thiab. Piv txwv li: Yog tias koj xav siv kev pom kev, tom qab ntawd hloov cov chav kawm no mus rau: Ntxiv cov chav kawm rau hauv koj daim npav kom nws pib li nkaum ntawm nplooj ntawv: Tag nrho cov ntawv no yog saib cov hoob kawm tam sim no rau koj div thiab toggles nws rau unhidden yog tias nws muaj cim los zais los yog lwm tus qauv. Qhov no tsuas yog ob peb yam ntawm JavaScript. Muab cov nram qab no nyob hauv taub hau koj cov ntawv HTML (ua ntej lub Kawm HTML
Lub CSS Taw Qhia thiab Ntaus Div
JavaScript kom ua haujlwm