Erakutsi eta ezkutatu testua edo irudiak CSS eta JavaScript bidez

Sortu aplikazio-estiloko esperientzia zure webguneetan

HTML dinamikoa (DHTML) zure webguneetan aplikazio-estilo esperientzia bat sortzea ahalbidetzen du, orrialde osoak erabat kargatutako maiztasuna murrizteko. Aplikazioetan, zerbait sakatzen duzunean, aplikazioa berehala aldatu egiten da eduki zehatz hori edo zure erantzuna emateko.

Aitzitik, webguneek normalean kargatzeko beharra izaten dute edo orrialde berri bat kargatu behar da. Honek erabiltzaileari esperientzia gehiagorekin estekatzea ekar dezake. Zure bezeroek lehen orria kargatzeko itxaron behar dute eta berriro itxaron berriz kargatzeko bigarren orrialdean, eta abar.

Erabili & lt; div & gt; Ikuslearen esperientzia hobetzeko

DHTML erabiltzean, esperientzia hau hobetzeko modu errazena da parekatze- elementuak aktibatzeko eta desaktibatzeko edukia eskatzea bistaratzeko. Div elementu batek zure web orrian zatiketa logikoak definitzen ditu. Paragrafoak, epigrafeak, estekak, irudiak eta beste divs izan ditzakezun lauki bat bezalakoa da.

Zer behar duzu?

Aktibatu eta desaktiba daitezkeen div bat sortzeko, honako hau behar duzu:

Kontrol-esteka

Kontrolatzeko esteka errazena da. Besterik gabe, beste orrialde baten antzeko esteka bat sortuko duzu. Oraintxe bertan utzi href atributua hutsik.

Argibide HTML

Leku edonon zure webgunean.

Div erakutsi eta ezkutatu

Erakutsi eta ezkutatu nahi duzun div elementua sortu. Ziurtatu zure div-ek ideia bakarra duela. Adibidean, id bakarra HTML ikasi dugu .

Hau da edukien zutabea. Laburtzen hasten da azalpen testu hau izan ezik. Aukeratu ezkerreko nabigazio zutabean ikasi nahi duzuna. Testua honela agertuko da:

Argibide HTML
  • Free HTML Class
  • HTML Tutoriala
  • Zer da XHTML?

    CSS erakusteko eta ezkutatzeko div

    Bi klase sortu zure CSSerako: bata bestea ezkutatzeko eta bestea erakusteko. Bi aukera dituzu: pantaila eta ikusgaitasuna.

    Pantaila orriaren fluxua kentzen du eta ikusgaitzak aldaketak erakusten ditu. Zenbaki batzuek nahiago dute bistaratzea , baina batzuetan ikusgarritasuna zentzuzkoa da. Adibidez:

    .hidden {erakutsi: none; } .unhidden {erakutsi: blokea; }

    Ikusgarritasuna erabili nahi baduzu, aldatu klase hauek:

    .hidden {ikusgarritasuna: ezkutuko; } .unhidden {ikusgaitasuna: ikusgai; }

    Gehitu ezkutuko katea zure div-era, orriaren ezkutuan hasten den moduan:

    class = "hidden" >

    Lan egiteko JavaScript

    Script hau guztia zure div sistemako uneko klasean begiratzea da eta ezkutuan eta ezkutuan markatuta ezkutatzen den aldatzeko aukera ematen du.

    JavaScript-en lerro batzuk besterik ez dira. Egin ondoko zure HTML dokumentuaren buruan ( tag aurretik: