Aspect neted sau schimbare de transparență - scripturi web ușoare

Pentru a determina transparența în css din punct de vedere al logicii, ar trebui să fie folosită proprietatea de opacitate (Mozilla, Opera), dar dezvoltatorii IE ca întotdeauna s-au remarcat și au făcut-o diferit. În plus, în IE, nu toate obiectele pot fi făcute transparente. Mai jos este un exemplu






cu containerul de span, care nu primește transparență în IE6. Pentru a investiga comportamentul altor etichete în diferite versiuni ale browserului "preferat", pentru a fi sincer, nu există dorință.

Pentru a stabili transparența unui obiect în foaia de stil, trebuie să scrieți:

Transparența nu poate fi specificată explicit în procente. Se măsoară: pentru IE - de la 1 la 100, pentru altele - de la 0 la 1.

Următorul script are un aspect / dispariție netedă (citiți o schimbare netedă a transparenței) a obiectului:

Folosind aceste funcții, puteți seta efectul de aspect / amortizare asupra numărului de elemente de pe pagină. Pentru a face acest lucru, trebuie să instalați dispozitivele de tratare a evenimentelor corespunzătoare din obiectele necesare. Când apelați funcțiile, nu uitați să setați variabila obj, care indică ce obiect va schimba transparența:

Singurul lucru este că nu ar fi mai bine să treacă obiectul în f-ii apar și dispar în caz contrar, dacă spunem că cineva elimină cursorul din primele lucruri pe care le va începe să devină mai puțin transparent o parte din timp (o variabilă stocată în obj), dar acum utilizatorul în acea perioadă de timp, în timp ce există timp pentru a muta dispară cursorul la celălalt. elementul de apel pentru el să apară, și apoi a obține variabila obj va conține deja obiectul și, ca urmare a primei netransparența înapoi la implicit.







Sunt de acord cu cel precedent, doar pentru a transfera obiecte la funcția setTimeout - sarcina nu este banală. Poate că în acest caz este mai ușor să treci id-ul obiectului sau așa cum este descris în apendicele de mai sus.

Ehhh minunat site =) Prin modul în care, până la punctul, desigur, nu am aplicat, și după ce a scris un krasotulki ca aspect, dar încă completare bună ar fi f-uri pentru setarea inițială, cum ar fi transparența takoyfunction StartAppear (obj, x)

Tocmai scuze ... mesajul - în legătură cu aceasta, întrebarea și cum scriu un mesaj care în mod normal ar fi lung, fără etichete tăiate și să spun doar cumva pro-screened.

o altă strangulare - dacă o persoană a mutat cursorul de pe obiect și apoi a pus-o pe el - obținem o buclă
Am decis să salvez la variabila globală imaginea curentă care apare, iar actuala dispariție și urmărirea explicită a situațiilor de egalitate a acestor variabile

Ceva nu am lucrat (((imaginea este statică și nu-și schimbă transparența (poate ajuta ceea ce sa întâmplat greșit

Acest efect este bun pentru a adăuga la "meniul din partea de sus".

A încercat să repete exemplul. Confruntată cu o ciudățenie. În cazul în care proprietatea stilul stabilit în foaia de stil în antet, și apoi aplicat unui obiect prin ID-ul sau clasa - valoarea JS acestei proprietăți nu se va vedea, dar stilul se va aplica la obiect. alert (document.getElementById ( „id“) style.opacity -. goliciune, chiar dacă obiectul în sine este, de Sf. .style = [CSSStyleDeclaration obiect] în cazul în care acestea ar trebui să fie stocate și stiluri sunt acolo, dacă setați opacitatea în JS. în mod clar sau de a face atributul stil în tag-ul și pentru înregistrarea proprietății acolo. Poate de aceea mulți oameni care nu lucrează și acest scenariu. aş dori să înțeleg de ce CSS-stiluri de el însuși ca de plumb și cum să le trateze de la a face acest lucru. am Firefox 3.0.13. M-am uitat înapoi IE6 - același defect. Poate unele setări sunt magice?

Și nu merge tot pentru că d.getElementById în scripturi trebuie schimbat în document.getElementById. în fișierul all.js al acestui site d = document.







Trimiteți-le prietenilor: