Ipakita ug Itago ang Teksto o mga Imahe Uban sa CSS ug JavaScript

Paghimo og estilo sa paggamit sa estilo sa imong mga website

Ang Dynamic HTML (DHTML) nagtugot kanimo sa pagmugna og usa ka estilo sa paggamit sa estilo sa imong mga website, nga nagpakunhod sa gidaghanon nga ang tibuok nga mga pahina kinahanglan nga puno sa pagkarga. Diha sa mga aplikasyon, sa diha nga ikaw mag-klik sa usa ka butang, ang aplikasyon mag-usab sa pagpakita nga ang piho nga sulod o aron sa paghatag kanimo sa imong tubag.

Sa kasukwahi, ang mga webpage kasagaran kinahanglan nga i-reload, o ang usa ka bag-ong panid kinahanglan i-load. Kini makahimo sa mas kasinatian sa user nga dili makagawas. Ang imong mga kostumer kinahanglan nga maghulat sa unang pahina nga mag-load ug unya maghulat pag-usab alang sa ikaduhang panid nga magamit, ug uban pa.

Gigamit ang & lt; div & gt; aron mapalambo ang kasinatian sa usa ka tigpaminaw

Ang paggamit sa DHTML, usa sa labing sayon ​​nga mga paagi sa pagpauswag niini nga kasinatian mao ang pagbutang sa mga elemento sa div sa pag-abut ug sa pagpakita sa sulod kon kini gihangyo. Usa ka elemento sa div naghatag og katin-awan nga lohikal sa imong webpage. Hunahunaa ang usa ka div ingon nga usa ka kahon nga mahimong naglakip sa mga parapo, mga ulohan, mga sumpay, mga hulagway, ug bisan sa ubang mga div.

Unsa ang Kinahanglan Nimo

Aron makamugna ang usa ka div nga mahimong usbon ug buhian, kinahanglan nimo ang mosunod:

Ang Pagkontrol sa Link

Ang pagkontrol sa sumpay mao ang labing sayon ​​nga bahin. Lamang paghimo og usa ka sumpay sama sa imong gusto sa laing panid. Sa karon, biyai ang blangko sa hiyas.

Pagkat-on sa HTML

Ibutang kini bisan asa sa imong webpage.

Ang Div sa Pagpakita ug Pagtago

Paghimo sa div element nga gusto nimo ipakita ug itago. Siguroha nga ang imong div adunay talagsaong id niini. Sa pananglitan, ang talagsaong id mao ang pagkat-on sa HTML .

Kini ang kolum sa sulod. Gisugod kini nga blanko gawas sa teksto sa pagpatin-aw. Pilia ang gusto nimong makat-unan sa kolum sa nabigasyon sa wala. Ang teksto makita sa ubos:

Pagkat-on sa HTML
  • Free HTML Class
  • Tutorial sa HTML
  • Unsa ang XHTML?

    Ang CSS nga Ipakita ug Tagoan ang Div

    Paghimo og duha ka klase alang sa imong CSS: usa aron pagtago sa div ug ang lain aron ipakita kini. Adunay duha ka kapilian alang niini: pagpakita ug pagkakita.

    Ang pag-uswag nagwagtang sa div gikan sa agianan sa panid, ug ang panan-aw nagbag-o kung giunsa kini nakita. Ang ubang mga coder gusto nga magpakita , apan usahay ang panan-aw makatarunganon usab. Pananglitan:

    .hidden {display: wala; } .unhidden {display: block; }

    Kon gusto nimong gamiton ang visibility, unya usba kining mga klase sa:

    .hidden {visibility: gitago; } .unhidden {visibility: makita; }

    Idugang ang natago nga klase sa imong div aron kini magsugod ingon nga natago sa panid:

    class = "hidden" >

    JavaScript aron mahimo kini nga trabaho

    Ang tanan nga kini nga skrip mao ang pagtan-aw sa kasamtangan nga klase nga nahimutang sa imong div ug gipalitan kini aron dili hatagag pagtagad kon kini gimarkahan ingon nga tinago o vice versa.

    Kini pipila lang ka linya sa JavaScript. Ibutang ang mosunod sa ulo sa imong HTML nga dokumento (sa wala pa ang tag :