Cum se face un DIV pliabil în CSS

Utilizați etichete DIV pliabile pentru a permite vizitatorilor site-ului dvs. să citească conținut suplimentar fără a fi forțați să părăsească pagina curentă. Aceste etichete vă permit să creați o pagină cu numeroase rubrici extensibile, care permit utilizatorilor să vizualizeze doar detaliile pe care le interesează, fără a bate paginile lungi de text. Căutările mai rapide fac ca site-ul dvs. să fie mai ușor de utilizat și să-i sporească valoarea vizitatorilor ca instrument de referință.

Pasul 1
Creați o etichetă care conține textul pop-up. Plasați aceasta în secțiunea "" a codului dvs. HTML. Setați starea inițială de afișare la niciunul dintre ele:

Text popup - Cum arată acest lucru?

Pasul 2
Atribuiți un hyperlink pentru a deschide un JavaScript pentru a efectua actualul pop-up acțiune pe eticheta "

". În acest script, făcând clic pe butonul stâng al mouse-ului se activează linkul. Plasați acest cod direct sub linia anterioară: Faceți clic pentru a extinde
Creați funcția JavaScript care controlează vizibilitatea textului CSS ascuns. Poziționați această funcție în secțiunea "" a codului dvs. HTML:

Sfat
În acest exemplu, textul "Faceți clic pentru a afișa sau a ascunde" este afișat cu proprietățile atribuite etichetei. Prima dată când utilizatorul dă clic pe text, mesajul "Popup text", "Cum arată acest lucru?" Apare pe ecran cu un retur de carieră în locul virgulei. Mesajul dispare atunci când utilizatorul face clic pe etichetă pentru a doua oară.


URL:https://ro.whycomputer.com/Internet/100507853.html