Creu profiad o arddull cais ar eich gwefannau
Mae Dynamic HTML (DHTML) yn eich galluogi i greu profiad arddull cais ar eich gwefannau, gan leihau pa mor aml y mae'n rhaid llwytho'r tudalennau cyfan yn llawn. Mewn ceisiadau, wrth i chi glicio ar rywbeth, mae'r cais yn newid yn syth i ddangos bod cynnwys penodol neu i roi eich ateb i chi.
Mewn cyferbyniad, mae'n rhaid ail-lwytho tudalennau gwe fel arfer, neu rhaid lwytho tudalen newydd gyfan. Gall hyn wneud y defnyddiwr yn fwy diflas. Mae'n rhaid i'ch cwsmeriaid aros am y dudalen gyntaf i'w llwytho ac yna aros eto am yr ail dudalen i'w llwytho, ac yn y blaen.
Defnyddio & lt; div & gt; i Wella Profiad Gwyliwr
Gan ddefnyddio DHTML, un o'r ffyrdd hawsaf o wella'r profiad hwn yw cael elfennau div yn toglu ymlaen ac i ffwrdd i arddangos cynnwys pan ofynnir amdano. Mae elfen div yn diffinio adrannau rhesymegol ar eich gwefan. Meddyliwch am div fel blwch a allai gynnwys paragraffau, penawdau, dolenni, delweddau, a hyd yn oed divs eraill.
Yr hyn sydd ei angen arnoch chi
Er mwyn creu div y gellir ei daglo ymlaen ac i ffwrdd, mae angen y canlynol arnoch:
- Dolen i reoli'r div trwy ei droi ymlaen ac i ffwrdd wrth glicio
- Mae'r div i ddangos a chuddio
- CSS i arddull y div guddiedig neu weladwy
- JavaScript i gyflawni'r camau gweithredu
Y Cyswllt Rheoli
Y cyswllt rheoli yw'r rhan hawsaf. Yn syml, chreu dolen fel y byddech i dudalen arall. Am nawr, gadewch y priodwedd href yn wag.
Dysgu HTMLRhowch hyn ar unrhyw le ar eich gwefan.
Yr Div i Sioe a Chuddio
Creu'r elfen div yr ydych am ei ddangos a'i guddio. Gwnewch yn siŵr fod gan eich div id unigryw arno. Yn yr enghraifft, yr id unigryw yw dysgu HTML .
Dyma'r golofn cynnwys. Mae'n dechrau gwag ac eithrio'r testun esboniad hwn. Dewiswch yr hyn yr hoffech ei ddysgu yn y golofn mordwyo ar y chwith. Bydd y testun yn ymddangos isod: Creu dau ddosbarth ar gyfer eich CSS: un i guddio'r div a'r llall i'w ddangos. Mae gennych ddau opsiwn ar gyfer hyn: arddangos a gwelededd. Mae arddangos yn cael gwared â'r div o lif y dudalen, ac mae'r gwelededd yn newid sut y gwelir. Mae'n well gan rai codwyr arddangos , ond weithiau mae gwelededd yn gwneud synnwyr hefyd. Er enghraifft: Os ydych chi eisiau defnyddio gwelededd, yna newid y dosbarthiadau hyn i: Ychwanegwch y dosbarth cudd i'ch div fel ei fod yn dechrau fel cudd ar y dudalen: Mae'r holl sgript hon yn edrych ar y dosbarth presennol a osodir ar eich div ac yn ei thynnu i mewn heb ei dynnu os caiff ei farcio fel cudd neu i'r gwrthwyneb. Dim ond ychydig linellau o JavaScript yw hyn. Rhowch y canlynol ym mhennaeth eich dogfen HTML (cyn y tag Dysgu HTML
Y CSS i Show a Hide the Div
JavaScript i'w wneud yn gweithio