Egy kihúzható menü jquery-el
Ebben a bemutatóban egy egyedülálló pull-out menüt hozunk létre a jQuery programmal.
Ez a nagy menü tartalmazza az egyes menüelemek nevét és leírását. Az alábbiakban az ikonra és a leírás szövegére mutat. A CSS3 tulajdonságokat a gyönyörű árnyékhatások és a jQuery az interaktivitás érdekében fogjuk használni.
A menü a tartály belsejében található. A menü egy nem rendezett listából áll, melynek belső elemei vannak. A linkek elemei két szóközt tartalmaznak: az egyik a címhez, a második a leíráshoz. Az ikon "i" elemét is használjuk
Ne felejtsd el rögzíteni a linkeket a tiédre.
Kezdjük a környező konténer stílusával. A tároló relatív helyzetben van, mivel maga a menü abszolút. El kell rejteni az elnevezést a leírással a túlcsordulással: elrejtve.
Gyönyörű árnyékokat és lekerekített sarkokat hozunk létre a CSS3 tulajdonságokkal. Ne feledje, hogy csak a modern böngészőkben fog működni. A lista a következő stílusokkal rendelkezik:
Ahogy látod, elrejted az elemet, hogy majdnem teljesen kattints a linkre. Ezt negatív alsó pozícióval végezzük. Ezzel az értékkel játszhat, és enyhén módosíthatja a menüt.
Most vessünk egy pillantást az ikonok osztályaira:
A CSS a cím és a leírás ilyen jellegű
Azt is szeretnénk, ha 2 lépés a háttér és a szöveg színe megváltoztatására, ezért lebegő linkeket is megadunk
Ez stílusban van és eltűnt. Adjunk hozzá néhány jó effektet a jQuery-el.
Annak érdekében, hogy a kapcsolat eleme mozogjon, megváltoztatjuk az alsó pozíciót és animáljuk. Az ikon esetében megváltoztatjuk a csúcs értékét, és több időt adunk a hatásnak, mert kicsit késni akarunk.
Mindez készen áll! Jól sikerült!
A "jQuery" cím utolsó 5 lecke
Ma szeretnénk elmondani a TypeIt könyvtárról - ingyenes jQuery plugin-ról. Ezzel szimulálhatja a gépelést. Ha minden rendben van, akkor nagyon realisztikus hatást érhet el.
jQuery plugin idővonal létrehozásához.
jQuery plugin Gantt-diagram létrehozásához.
Példa arra, hogyan kell feltölteni egy fájlt a PHP és a jQuery ajax segítségével.
kis hátrány - betölti a számítógépet
Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!
Ha sokáig szeretné megtanulni a HTML-t, akkor remek hírekkel szolgálok neked!
Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.
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!