animáció webhelyről

Nem, Photoshop, fogunk foglalkozni, menjen körbe a jó öreg HTML és megtanulják, hogy egy pár trükköt animáció.

Úgy gondolom, hogy sok webmester egyszerűen nem tud a létezéséről egy speciális címkét, hogy vezeti a szöveg és a kép animál.

Sok mindent lehet animált használata nélkül Photoshop, a szokásos HTML, de hadd minden rendben. Menjünk!

Hogyan online hírek ticker HTML

Tehát, ismerkedés! Mágikus tag - . Kezdetben ez a címke lett kifejlesztve Internet Explorer, de az idő és más böngészők kezdte támogatni annak alkalmazását.

Hihetetlen, egy vonal kezdett mozogni. Most, hogy a vonal egy kicsit jobban észrevehetőek, hozzátéve stílus.

Értékének alkalmazása helyes irányba attribútum megváltoztatjuk a mozgás irányát egy vágányon, és akkor mozog jobbról balra:

Alapértelmezésben a címkét rendelt a bal oldali irányba attribútum értékét. így a vonal használata nélkül attribútumok mozog balról jobbra.

Behelyettesítve fel érték irányába attribútumot, hogy a vonal mozog alulról felfelé:

Érték azt jelzi, le sorban lefelé mozogni

Azt hiszem, meg kell növelni a sebességet a görgetés ketyegő, erre használjuk scrollamount attribútumot. A zárójelben lévő szám jelzi a számot 1. Például:

Most álljunk, és megvizsgálja, hogy a címke .

Animáció miatt állandó dörzsölés információt, és megjeleníti az új helyen. Az értékek az attribútum mi meg a távolság pixelben közötti törlődik, és az új helyzetben a sorokat, ami hatással van a sebesség és sima mozgását.

Csendet érdemes értéke 6, de ha az értéke 1, a távolságot a régi és az új helyzetben a sorok lesznek 1 pixel, ami a lassú és egyenletes futás ticker:

Képesség meghatározza, hogyan görgetés viselkedését egy előre meghatározott egység és egy alapértelmezett értéket tekercset. ami a vágányon, hogy elrejtse a nézet, és indítsa újra mozog.

De ha helyettesíti értéke alternate. A vonal nem lesz rejtve, de ha jön a határokat a blokk mozogni kezd az ellenkező irányba:

Az érték a dia viselkedését attribútum utasítja a haladási vonal eléri a blokkhatár és megáll:

Magasság attribútum meghatározza a magassága a blokk. Az alapértelmezett érték 12 pixel, de most változik, és adjunk hozzá egy kicsit, hogy a sebesség görgetés ticker:

Képesség szélessége felelős szélessége blokk. Használhatja szélesség és magasság attribútumokat együtt adja meg a kívánt blokkhatár. Ahhoz, hogy egyértelműbbé a keretstílusokhoz és kissé lassítja a görgetés sebessége:

Most kérjen a sátor háttérben. Ehhez fogjuk alkalmazni a bgcolor attribútum, és tedd rá a sárga háttérszín

Most próbálja meg a vágányon halad a különböző irányokba.

Ticker Ticker

A beállított késleltetési idő animáció segítségével scrolldelay attribútumot. Behelyettesítve számértékek. Az alapértelmezett érték 80 ms:

Képesség scrolldelay - egy másik eszköz, amellyel meg tudjuk állítani a görgetés sebességét.

Képanimáció Online

Egy egyszerű példa képanimáció:

A képzés keretében animált képet a Photoshop, de kénytelenek vagyunk mozogni az oldalon, ami a mozgás hatását.

Itt van egy érdekes példa a címke sátor, akkor létrehozhat egy egyszerű csúszka:

Lehet minden képet a csúszkát, hogy a hivatkozás:

C tekintetében, Vitaly Kirillov