Ստեղծեք դիմում-ոճով փորձ ձեր կայքերում
Դինամիկ HTML- ը (DHTML) թույլ է տալիս ստեղծել ձեր վեբ-կայքերում կիրառական ոճի փորձ, նվազեցնելով ամբողջ էջերը լիովին բեռնված լինելու հաճախականությունը: Ծրագրերում, երբ սեղմում եք ինչ-որ բան, դիմումը անմիջապես փոխվում է, ցույց տալու համար, որ կոնկրետ բովանդակություն կամ տրամադրել ձեզ ձեր պատասխանը:
Ի տարբերություն, վեբ-էջերը սովորաբար պետք է վերբեռնվեն, կամ ամբողջովին նոր էջը պետք է բեռնվի: Սա կարող է ավելի դյուրին դարձնել օգտվողին փորձը: Ձեր հաճախորդները պետք է սպասեն առաջին էջի բեռը, ապա կրկին սպասեք երկրորդ էջի բեռնելու համար եւ այլն:
Օգտագործելով & lt; div & gt; բարելավել հեռուստադիտողի փորձը
Օգտագործելով DHTML- ը, փորձը բարելավելու ամենահեշտ ձեւերից մեկն այն է, որ div տարրերը անցնեն եւ անջատեն, երբ այն պահանջվի բովանդակություն ցուցադրելու համար: A div տարրը սահմանում է տրամաբանական բաժանմունքները ձեր կայքում: Մտածեք մի բաժին որպես տուփ, որը պարունակում է պարբերություն, վերնագիր, հղումներ, պատկերներ եւ նույնիսկ այլ divs:
Ինչ եք ուզում
Որպեսզի ստեղծվի մի բաժին, որը կարող է անցնել եւ անջատվել, դուք պետք է հետեւյալը.
- Բաժնետոմսը վերահսկելու համար, այն կտտացնելով եւ անջատելով, կտտացրեց
- Ցույց տալը եւ թաքցնելը
- CSS- ը թաքնված կամ տեսանելի դարձնելու համար
- JavaScript- ը ակցիան կատարելու համար
Վերահսկող կապը
Վերահսկվող հղումը ամենադյուրին մասն է: Պարզապես ստեղծեք այնպիսի հղում, ինչպիսին դուք կցանկանաք այլ էջ: Այժմ, թողեք href հատկանիշը դատարկ:
Իմացեք HTMLՏեղադրել այս ամենը ձեր կայքում:
Ցույց տալու եւ թաքցնելը
Ստեղծեք այն տարրը, որը ցանկանում եք ցույց տալ եւ թաքցնել: Համոզվեք, որ ձեր div- ն ունի յուրահատուկ անդորր: Օրինակ, եզակի ID- ն սովորել HTML :
Սա բովանդակության սյունակ է: Այն սկսվում է դատարկից, բացառությամբ այս բացատրության տեքստից: Ընտրեք այն, ինչ ցանկանում եք սովորել ձախ կողմում գտնվող նավիգացիոն սյունակում: Տեքստը կցուցադրվի ստորեւ: Ստեղծեք երկու դասեր ձեր CSS- ի համար, մեկի համար թաքցնել div եւ մյուսը ցույց տալ: Դրա համար ունեք երկու տարբերակ `ցուցադրման եւ տեսանելիության: Ցուցադրումը հեռացնում է էջի հոսքի բաժինը, եւ տեսանելիությունը պարզապես փոխում է այն, թե ինչպես է դա երեւում: Որոշ կոդեր նախընտրում են ցուցադրել , բայց երբեմն էլ տեսանելիությունը իմաստ ունի: Օրինակ: Եթե ցանկանում եք օգտվել տեսանելիությունից, ապա փոխեք այդ դասերը հետեւյալի համար. Ավելացնել ձեր թաքնված կարգը ձեր բաժնում, որպեսզի այն սկսվի թաքնված էջում: Այս բոլոր սցենարը նայում է ձեր div- ի վրա դրված ընթացիկ դասին եւ անցնում է այն անխուսափելի, եթե այն նշվում է որպես թաքնված կամ հակառակը: Սա JavaScript- ի մի քանի տող է: Տեղադրել հետեւյալը ձեր HTML փաստաթղթի ղեկավարում (մինչեւ Իմացեք HTML
Ցույց տալ եւ թաքցնել CSS- ը
JavaScript գործադրելու համար