Cum să faceți o sugestie pentru o legătură și o imagine, să controlați vizibilitatea unui obiect, să modificați conținutul unui bloc

Cum să faceți o sugestie pentru o legătură și o imagine, să controlați vizibilitatea unui obiect, să modificați conținutul unui bloc

Bine, într-adevăr. Deși, personal, sunt interesat în mod direct de aplicarea acestor efecte pe pagina web, ca să spun așa. Sau nu mai interesant.

Primul
Soluția cea mai simplă și, deseori, optimă # 151; de obicei. Pentru desene, sunt specificate # 151; ALT = "text de explicație" Text alternativ pentru imagine în cazul în care nu este încărcat din motivul necunoscut sau dezactivat afișând imagini pentru browsere text și voce.
Pentru referințe și pentru aproape toate elementele, puteți aplica TITLE = "text de explicație". Pentru desene, această metodă este, de asemenea, aplicabilă. Noi scriem toate aceste chestii chiar în eticheta elementului și bucurăm rezultatul # 151; dimensiunea este minimă, dacă explicația este făcută în scurt timp și "în afaceri", atunci totul este citit complet în timpul vizibilității indiciului. În Netscape a celei de-a patra versiuni, TITLE nu funcționează. Da, apropo, astfel de sfaturi lucrează în meniul secțiunilor din partea de sus a acestei pagini.

De exemplu, deplasați mouse-ul la descrierea de mai sus și căutați bara de stare. După cum puteți vedea, după eliminarea mouse-ului în stare există textul "implicit", puteți plasa, de exemplu, numele site-ului acolo. La început, în BODY, vă recomand să puneți onload = "window.defaultStatus = 'Textul implicit'", apoi pe pagina dvs. un "coș de gunoi" similar se va "împlini" din momentul încărcării paginii.

dom = (document.getElementById)? adevărat: fals
ns4 = (document.layers)? adevărat: fals
ie4 = (document.all ! dom)? adevărat: fals

function init () <
dacă (dom) bloc = document.getElementById ("blockDiv")
dacă (ns4) bloc = document.blockDiv
dacă (ie4) bloc = blockDiv.style
>

funcția showObject (obj) <
dacă (ns4) obj.visibility = "arată"
altfel obj.visibility = "vizibil"
>

funcția hideObject (obj) <
dacă (ns4) obj.visibility = "ascunde"
altceva obj.visibility = "ascuns"
>

Și aspectul propriu al obiectului va fi gestionat astfel:

Obiectul însăși va fi "chemat" astfel:

Funcționează și în cele patru versiuni neskeypah. Doar aici este toate acestea pentru a prescrie, toate aceste scripturi.

Opțiunea Patru
Dragă în inima mea, ca să spun așa. ) Faptul că al patrulea poate fi numit "cadavre vii", am spus deja, plecând de la asta, totul se poate face foarte simplu folosind specificațiile stilului. Un exemplu până acum nu voi da, voi explica totul "pe degetele mele". Nu trebuie confundat cu "cadrele". )

Elementele de bază ale viitoarei noastre "invenții" pot fi găsite în secțiunea "Structuri de bloc". Ce vom face? 151; noi creăm setul necesar de blocuri în descrierea claselor din care, cu excepția locației, dimensiunii și a tuturor celorlalte lucruri pe care le specificăm vizibilitate: ascunse; Avem un set de blocuri invizibile, care conțin inițial informațiile de care avem nevoie. Acum creăm o altă clasă, care specifică doar vizibilitatea: arată; # 151; nimic mai mult! Acum privim sau CREAȚIA MENIULUI PENTRU CINCI MINUTE în secțiunea despre blocuri sau clauza separată despre schimbările de clase în secțiune despre aplicarea generală a stilurilor. Trebuie doar să schimbăm clasa blocului invizibil în clasa în care avem vizibilitatea specificată. Deoarece în plus față de vizibilitate: arată; acea clasă nu conține mai multe descrieri de stil, atunci numai proprietatea de vizibilitate se va schimba. Toate celelalte descrieri de stil vor rămâne neschimbate # 151; locație, culori, orice altceva pe care l-ați încărcat acolo. ) Dacă toate straturile dintr-un singur loc ar trebui să fie, le puteți atribui un ZET-INDEX diferit. După cum puteți vedea, totul este simplu din nou, chiar elementar. Du-te la Watsons. )

Descrierea mea despre fabricarea meniului drop-down a fost numită "pervertită" de mulți, dar este folosită cu plăcere. ) Este posibil ca această opțiune să poată fi atribuită distorsiunilor similare. Scripturile sunt, de asemenea, cel puțin o linie. Dacă această descriere provoacă interes și există dificultăți în punerea în aplicare, mă angajez să fac un exemplu de lucru pentru claritate.

A cincea opțiune
Iată codul care începe cu:

dacă (document.getElementById)
document.getElementById ("boxdescription") interiorHTML = html
altfel
boxdescription.innerHTML = html
>

dacă (document.getElementById)
document.getElementById ("boxdescription").
innerHTML = '\Textul implicit \'
(cele două linii anterioare
sunt scrise într-o singură! Transferul făcut
pentru ușurința plasării!)

altfel
boxdescription.innerHTML = '\
Textul implicit \'
>

Acest script este "împins" în HAAD

Acesta este blocul în care vor fi afișate sfaturile noastre

Și la fel de sugerând când hovering un mouse pe link. Ar trebui să acorde o atenție la boxdescription în script-ul și în numele blocului, puteți să-l numiți oricare doriți, pur și simplu nu obține confuz. În acest exemplu, proprietatea innerHTML este utilizată, vă permite să afișați nu numai text, ci și etichete. De exemplu, se utilizează eticheta CENTER. Luați notă în spate înainte de brațul de deschidere al etichetei. Acest exemplu va funcționa în Exploratori și Netscape al șaselea. Pentru a patra netscapes, puteți face, de asemenea, un efect similar, dar codul este mult mai complicat și fiabilitatea acestuia. Ei bine, nu chiar, așa să spunem.

Articole similare

• Cum se face o referință frumoasă pentru legături

Trimiteți-le prietenilor: