CSS və JavaScript ilə mətni və ya şəkilləri göstər və gizlət

Veb saytlarında tətbiq tərzi təcrübəsi yaradın

Dynamic HTML (DHTML), bütün səhifələrin tam yüklənmə sürətinin azaldılması sayəsində veb-saytlarınıza bir tətbiq tərzi təcrübəsi yaratmağa imkan verir. Uygulamalarda, bir şey tıkladığınızda, proqram dərhal xüsusi content göstərmək və ya cavabınızı vermək üçün dəyişir.

Əksinə, veb-səhifələr adətən yenidən yüklənməli və ya yeni bir səhifə yüklənməlidir. Bu, istifadəçi təcrübəsini daha mürəkkəbləşdirə bilər. Müştəriləriniz ilk səhifənin yüklənməsini gözləməlidir və ikinci səhifənin yüklənməsi üçün yenidən gözləyin və s.

& Lt; div & gt; Viewer təcrübəsini artırmaq üçün

DHTML istifadə edərək, bu təcrübəni yaxşılaşdırmaq üçün ən asan yollardan biri div elementlərinin tələb olunduqda məzmunu görüntüləmək üçün açmaq və söndürmək üçündür. A div elementi veb səhifənizdə məntiqi bölmələr müəyyən edir. Bir div divarları, başlıqları, keçidləri, şəkilləri və hətta başqa divları ehtiva edən bir qutu kimi düşünün.

Nə lazımdırsınız?

Yığışa biləcək bir div yaratmaq üçün aşağıdakılara ehtiyacınız var:

Nəzarət əlaqəsi

Nəzarət əlaqəsi ən asan hissəsidir. Sadəcə bir başqa səhifəyə bənzər bir link yaradın. Hal-hazırda, href xüsusiyyətini boş buraxın.

HTML məlumat əldə edin

Bunu hər hansı bir yerə vebinizdə yerləşdirin.

Göstəriş və gizlətmək üçün Div

Göstərmək və gizlətmək istədiyiniz div elementini yaradın. Divunuzda unikal bir id var. Məsələn, unikal id HTML öyrənir .

Bu məzmun sütunu. Bu izahat mətni istisna olmaqla, bu boş başlayır. Solda naviqasiya sütununda öyrənmək istədiklərinizi seçin. Mətn aşağıda göstərilir:

HTML məlumat əldə edin