kattintson esemény tiszta css nem cél
Először létre kell hoznia egy tartályba, amely tartja a gombot, és a blokkok jelennek meg az érintőképernyő egy egér. struktúrája van lesz, mint ez:
Azt kell tennie, .content láthatatlan addig, amíg az egér gomb megnyomása .wrapper. A probléma megoldása érdekében állítsa a tulajdonság .content display: none. Aztán, ha megnyomja az egér gombját .wrapper. tartalmazni fogja a kijelző .content tulajdonság: blokk. Mi lesz beállítva .wrapper: block: aktív .content display tulajdonság. Ez .content állam fogja látni csak akkor, ha az egér gomb lenyomásakor. Ha elengedte. tartalom eltűnik újra. A probléma kiküszöbölése érdekében gondoskodni fog arról, hogy ha a kurzort .content. elem van rendelve ingatlan display: block. Ez van beállítva, hogy .content: block: kijelző hover tulajdonságot. CSS kódot fog kinézni:
Továbbra is csak a „ecsetet” nézd, és láthatóvá teszik azt:
Szöveg gombra a fenti kód: sárga alapon, és kivont kattintással információk - piros háttérrel.
5 óra utolsó oszlopában „CSS”
Csekély hatása interaktív animációs karakter.
Kis fogalma szórakoztató tipp, hogy végrehajtsák az SVG és anime.js. Amellett, hogy a speciális stílust a példában realizált animáció és az átalakulás, a grafikus objektumok.
Kísérlet: animált SVG betűk alapján anime.js könyvtárban.
Cool weboldal megjelenítését a kísérlet, amelyben a „first-person” a napszemüveg.
A kísérleti script legördülő navigációt.
IE működik „karyavo”
És hogyan? Egy jó dolog, szeretném tudni, hogy - ha a föld megmarad, akkor lehetséges, hogy viseli.
A fenébe, csak nézett. még a nyolcadik szamár nem működik. Sajnálatos, de ez egy jó dolog.
Demo néhány feylovaya. A cikkben egy kód - a másik a demo. Az opera, a kód a cikk jól működik, de nincs demo. Nos, ez nem egy kattintás eseményt. kattintson esemény történik, amikor elengedi az egérgombot, és aktív, ha megnyomják.
opera újra menjünk le. mda..grustno - szomorú.
Ez csak egy megcsúfolása. Miért ez az egész? Sokkal jobb, hogy jobban érdekli a jquery lefordított és lefektetett.
mmZeroCool
Az Opera nem szántani, de inspirálta, hogy nem ugyanaz a tiszta CSS és (nem átmeneti késleltetés és minden div-ah). Nem csak ez a példa, hogy a Firefox is másképp működik, mint a Chrome. De azért kösz). -Ó, de nem elég az eredeti link (nem lusták gruzanut eredeti), mint az összes görbe dolgozik, így a kérdés eltávolítjuk. Ui Mellesleg, a harmadik alkalommal Regal a helyszínen is küld visszaigazolást csak a gmail-én e-mailben. huh
Rövidebb saját kísérletek (a háttérben a példában)))); Sight különbségek működés: aktív, amíg IE9 vs Firefox, Opera, Chrome (bennük a szokásos módon normák)
wandit
Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!
Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!
Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.
Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!