Egy egyszerű technika parallaxis hatást
Ezt a technikát alapul sebességszabályozó mozgását a háttérképet. HTML-kód jön létre, amely két részből tulajdonságaival „adat-típusú” és az „adat-sebesség”. Hozzárendelése attribútumok megnyílik egy kicsit később:
címkék
Összhangban a leírás a tulajdonságokat úgy kezdődnek, hogy az adat- fogja kezelni személyes adatokat tárolni. Továbbá, az nem érinti a sablont.
Mivel mi kell, hogy ellenőrizzék a sebességet a görgetés háttérképeket a legfontosabb paraméterek fogjuk használni az adatokkal type = „háttér” és adat-sebesség = „10”.
Ezután adjuk hozzá a címkét
Mielőtt megy a jQuery mágikus hozzá háttérképeket az egyes tételek
És meg kell határozni a stílusát a többi eleme a demo oldalt.
magic-kód
Az általunk használt jQuery. Kezdjük a standard módszer document.ready (). hogy biztos lehet letölteni az oldal, és kész manipuláció.
Most kell összpontosítani. Az első dolog, ami folyik itt - végighaladni az összes elemet
A .Minden () függvény, hogy további .scroll () függvényt. amely az úgynevezett elején a tekercset.
Meg kell határozni, hogy mennyi a felhasználó görgetni az oldalt, majd ossza el a kapott értéket egy meghatározott összeg az adatok sebességű attribútumot.
$ Window.scrollTop () -, hogy a jelenlegi értékét a tekercset a tetején. $ Bgobj.data ( „speed”) kifejezés egy adat-sebesség attribútummal jelölhetjük. ypos - ellenszolgáltatás, amelyet használnak görgetés. Azonban, egy negatív értéket használunk, mivel a háttér eltolódik az ellenkező irányba képest a felhasználó görgetés.
Példánkban az adatok sebességű attribútum értéke 10. Tegyük fel, hogy a böngésző ablak görgetése a 57px. Ez azt jelenti, hogy a 57px osztva 10 = 5.7px.
Most meg kell gyűjteni az összes adat egyetlen érték. Annak érdekében, hogy a vízszintes helyzetben a háttér statikus, használjuk a 50% -os értéke annak tulajdonságait xPosition. Ezután adjuk hozzá ypos az ingatlan értékét yPosition. majd hozzárendeljük a koordinátákat a háttérben
Végső formájában a kód így fog kinézni:
Rögzítő IE
Csak egy dolog: a régi változat IE nem tudja megjeleníteni címkék
Ezen túlmenően, az általunk használt CSS visszaállítási fájlban. hogy minden böngésző ugyanazon kimeneti oldalon.
Á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!