Onyesha na Ficha Nakala au Picha Kwa CSS na JavaScript

Unda uzoefu wa mtindo wa programu kwenye tovuti zako

HTML ya Dynamic (DHTML) inakuwezesha kuunda uzoefu wa mtindo kwenye tovuti zako, kupunguza mzunguko wa kurasa zote zinazopakiwa. Katika programu, unapobofya kitu fulani, programu hiyo inabadilika mara moja ili kuonyesha maudhui maalum au kukupa jibu lako.

Kwa upande mwingine, wavuti za kawaida zinahitaji kupakiwa upya, au ukurasa mpya mpya unapaswa kubeba. Hii inaweza kufanya uzoefu wa mtumiaji zaidi kufungwa. Wateja wako wanapaswa kusubiri ukurasa wa kwanza kupakia na kisha kusubiri tena kwa ukurasa wa pili kupakia, na kadhalika.

Kutumia & lt; div & gt; Ili Kuboresha Uzoefu wa Mtazamaji

Kutumia DHTML, mojawapo ya njia rahisi zaidi za kuboresha uzoefu huu ni kuwa na vipengele vya div vinavyobadilisha na kuzima ili kuonyesha maudhui wakati inapoombwa. Kipengele cha div kinafafanua mgawanyiko wa mantiki kwenye ukurasa wako wa wavuti. Fikiria div kama kisanduku ambacho kinaweza kuwa na vifungu, vichwa, viungo, picha, na hata vingine vingine.

Nini Wewe & # 39; Itabidi

Ili kuunda div ambayo inaweza kugeuliwa na kufungwa, unahitaji zifuatazo:

Kiungo cha Kudhibiti

Kiungo cha kudhibiti ni sehemu rahisi. Tu kuunda kiungo kama ungependa kwenye ukurasa mwingine. Kwa sasa ,acha sifa ya href tupu.

Jifunze HTML

Weka hii popote kwenye ukurasa wako wa wavuti.

Div ili kuonyesha na kujificha

Unda kipengele cha div ambacho unataka kuonyesha na kujificha. Hakikisha kwamba div yako ina id kipekee. Katika mfano, id ya kipekee hujifunza HTML .

Hii ndiyo safu ya maudhui. Inaanza tupu isipokuwa kwa maandishi haya ya ufafanuzi. Chagua unachohitaji kujifunza katika safu ya urambazaji upande wa kushoto. Nakala itaonekana hapo chini:

Jifunze HTML
  • Hatari ya HTML Bure
  • Mafunzo ya HTML
  • XHTML ni nini?

    CSS ya kuonyesha na kujificha Div

    Unda madarasa mawili kwa CSS yako: moja kujificha div na nyingine ili kuonyesha. Una chaguo mbili kwa hili: kuonyesha na kujulikana.

    Kuonyesha huondoa div kutoka kwa mtiririko wa ukurasa, na kujulikana kunabadilika tu jinsi inavyoonekana. Baadhi ya coders wanapendelea kuonyesha , lakini wakati mwingine kuonekana ina maana, pia. Kwa mfano:

    .hidden {kuonyesha: hakuna; } .inidden {kuonyesha: kuzuia; }

    Ikiwa unataka kutumia kujulikana, kisha ubadilishe madarasa haya kwa:

    .hidden {kujulikana: kuficha; } .unidden {kujulikana: inayoonekana; }

    Ongeza darasa la siri kwenye div yako ili ianze kama imefichwa kwenye ukurasa:

    darasa = "siri" >

    Javascript Kuifanya Itafanya Kazi

    Script hii yote inaangalia darasa la sasa lililowekwa kwenye div yako na inabadilisha ili lijifiche ikiwa imewekwa kama siri au kinyume chake.

    Hii ni mistari machache ya JavaScript. Weka zifuatazo katika kichwa cha hati yako ya HTML (kabla ya lebo: