Una dintre cele mai avansate aplicații de transparență. Tranziție moale a unui obiect de la o stare translucidă la una normală printr-o bibliotecă specială de opacitate.
1. Luați scriptul, numiți-l opacity.js:
2. Completați site-ul, conectați - introduceți codul între
și3. Definiți regulile folosind metoda fadeOpacity.addRule () - introduceți codul între
șiUnde: "WebOst", - numele regulii, este dat arbitrar;
.3, 1, - transparență inițială și finală, numere în intervalul de la 0,0 la 1,0;
30 - întârziere în milisecunde (argumentul opțional, implicit este 30).
4. În tabelul nostru CSS, setăm transparența inițială a imaginilor:
5. Acum lipiți imaginile:
Unde: id = "img." - id de imagine, nume arbitrar, începe cu o literă. și ar trebui să fie unic. ;
class = "opacity" - regula de decorare a imaginii, în cazul nostru transparența inițială;
#mouseouseover = "fadeOpacity (acest.id," WebOst ")" - pentru a schimba transparența de la valoarea inițială la valoarea finală atunci când plasați cursorul pe cursorul;
#mouseouseout = "fadeOpacity.back (this.id)" - pentru a reveni la valoarea inițială a nivelului de transparență.
Exemplu de cod finalizat:
Exemplu de script: j # 097; transparență vascript
Folosim sănătatea.
Articole similare
Trimiteți-le prietenilor: