Aspectul neted și dispariția obiectului pe javascript> blogul tehnologiei Internet

Realizând proiectul către client, am dat peste o problemă. A fost necesară conversia blocurilor și a legăturilor. Plasați cursorul mouse-ului la obiectul care a schimba treptat opacitatea la 1. La punerea blocul cursorului, el a trebuit să se întoarcă la nivelul inițial de transparență.


stil = "opacitate: 0,1; filtru: alfa (opacitate = 10);">
Aici este unitatea de testare


Acum vă voi explica tot ce există.

OnMouseover. Apare atunci când mouse-ul se deplasează peste un element. În acest caz, includeți funcția Afișare specificată în script (mai multe despre aceasta mai târziu).

OnMouseOut. Apare atunci când indicatorul mouse-ului se deplasează dincolo de limitele obiectului. Aici activați funcția Hide. Încetați, porniți și nu opriți Show.

("bloc", 1) și ("bloc", 0,1). Acești parametri se aplică în cazul onmouseover și onmouseout, respectiv. "bloc" este un ID care trebuie specificat în div (în acest exemplu). "1" și "0,1" reprezintă parametrul de opacitate la care transparența va crește sau scădea.

  • Stil. Aici specificăm doar transparența și scriem toate celelalte stiluri în #block. Aici, opacitatea feliei este cea specificată în OnMouseOut.
  • <





    ?php include ($ _SERVER ["DOCUMENT_ROOT"]. "/ vstavki / blokvtext2.php"); ?>

    Asta e tot. Obiectul a fost făcut. Dacă este necesar, pot explica principiul scenariului.

    Acest script este universal, deoarece nu are atașamente la un ID specific. Deci, poate fi folosit în siguranță pentru alte cazuri. De exemplu, pentru referințe. Iată codul de referință:
    href = ""


    stil = "opacitate: 0,1; filtru: alfa (opacitate = 10);"> 123

    Principalul lucru de reținut este că atunci când schimbați obiectul ID'a, va trebui să îl modificați în două locuri. Am scris despre asta.







    Trimiteți-le prietenilor: