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:
- Divanı nəzarət edərkən onu idarə etmək üçün tıklandığında onu açın və ləğv edin
- Göstərmək və gizlətmək div
- CSS gizli və ya görünən divu tərtib etmək
- Hərəkəti yerinə yetirmək üçün JavaScript
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ə edinBunu 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: p> CSS üçün iki sinif yaradın: birinin divu gizlətmək üçün və digərini göstərmək üçün. Bunun üçün iki seçim var: ekran və görünürlük. Ekran, səhifə axınındakı divu qaldırır və görünürlük göründüyü kimi dəyişir. Bəzi kodlayıcılar ekrana üstünlük verirlər, amma bəzən görünürlük də mənada olur. Misal üçün: Görünürlük istifadə etmək istəyirsinizsə, bu sinifləri dəyişdirin: Sayfada gizli olaraq başlayacaq şəkildə divunuza gizli sinif əlavə edin: Bütün bu ssenarilər sizin divinizə quraşdırılmış cari sinifə nəzər salır və gizli və ya əksinə olaraq qeyd edildikdə onu gizlətmək üçün dəyişir. Bu, JavaScript-nin yalnız bir neçə xətti. Aşağıdakıları HTML sənədinizin başında yerləşdirin ( HTML məlumat əldə edin h3>
Divı göstərmək və gizlətmək CSS
Bunu etmək üçün JavaScript