Az objektum sima megjelenése és eltűnése a javascript> Internet technológia blogján
A projekt eljuttatása az ügyféllel egy problémát észleltem. Szükség volt blokkok és linkek átalakítására. Ha a kurzort az objektumra mozgatta, az átlátszatlanságot simán kellett változtatnia. A kurzor eltávolítása a blokkból vissza kellett állítania az átlátszóság kezdeti szintjét.
style = "opacity: 0.1; szűrő: alpha (opacity = 10);">
Itt van a teszt egység
Most elmagyarázom neked mindent, ami van.
Onmouseover. Ha az egér egy elem felett helyezkedik el. Ebben az esetben a szkriptben megadott Show függvényt (a későbbiekben).
OnMouseOut. Ha az egérmutató túlmutat az objektum határain. Itt engedélyezzük a Hide funkciót. Lassíts le, bekapcsolunk, és ne kapcsoljuk ki a Show-ot.
('blokk', 1) és ('blokk', 0,1). Ezek a paraméterek az onmouseoverre és az onmouseoutra vonatkoznak. A "blokk" egy azonosító, amelyet meg kell adni a div (ebben a példában). Az "1" és a "0.1" az opacitásparaméter, amelyhez az átlátszóság nő vagy csökken.
Ez minden. Az objektum elkészült. Szükség esetén elmagyarázhatom a forgatókönyv elvét.
Ez a szkript univerzális, mivel nincs csatolva egy adott azonosítóhoz. Tehát más esetekben biztonságosan használható. Például referenciákhoz. Itt van a hivatkozási kód:
href = ""
style = "opacity: 0.1; szűrő: alpha (opacity = 10);"> 123
A legfontosabb megjegyezni, hogy ha megváltoztatod az ID'a tárgyat, akkor két helyen kell változtatni. Erről írtam.