Átláthatóság a javascriptben
Az átláthatóság egyik legfejlettebb alkalmazása. Egy objektum lágy átmenete az áttetsző állapotról a normálra egy speciális opacitás-könyvtáron keresztül.
1. Vegye le a forgatókönyvet, hívja opacity.js:
2. Töltse ki a webhelyet, csatlakoztassa - helyezze be a kódot
és3. Határozza meg a szabályokat a fadeOpacity.addRule () módszerrel - helyezze be a kódot
ésAhol: "WebOst", - a szabály neve önkényesen;
.3., 1., - kezdeti és záró átláthatóság, számok tartománya 0.0 és 1.0 között;
30 - késleltetés milliszekundumban (opcionális argumentum, alapértelmezett 30).
4. A CSS táblázatban a képek első átláthatóságát állítjuk be:
5. Most beillesztjük a képeket:
Hol: id = "img." - kép id, tetszőleges név, levélből indul. és egyedinek kell lennie. ;
class = "opacity" - a képdekoráció szabálya, esetünkben a kezdeti átláthatóság;
# 111; nmouseover = "fadeOpacity (this.id," WebOst ")" - az áttetszőség átváltása a kezdeti értékről a végső értékre a kurzor mozgatásakor;
# 111; nmouseout = "fadeOpacity.back (this.id)" - az áttetszőség kezdeti értékéhez való visszatéréshez.
Példa a kész kódra:
Példa a szkriptre: j # 097;
Egészségünket használjuk.