Hogyan lehet a hírszalag honlapján (html-tag - sátor -)

Home → HTML oktatóanyagok és tippek → Hogyan ticker az oldalon

Ebben a cikkben azt fogja mondani, hogyan lehet egy ticker a helyszínen egy speciális címkét HTML - . Már a kezdet kezdetén érdemes megjegyezni, hogy a használata egy vágányon, mint néhány animáció a helyszínen - ez már nem divatos. Körülbelül ezek az oldalak azt mondják, hogy a múlt században.

Véleményem futó vonalak a jelenlegi környezetben általában jobb, ha nem használja. Szélsőséges esetben, akkor lehet csak a jobb láthatóság érdekében fontos információkat (pl aktuális akciók, kedvezmények). Vannak sok más modern módszereket, hogyan lehet közvetíteni, hogy a felhasználó hasznos információt (flash-animáció, bannerek).

HTML tag

kulcsszó szintaxis

Az attribútumok és paraméterek

1. width = „szám / százalék” - határozza meg a szélessége pixelben futó vonal / százalék. Azok, akik ismerik a html valószínűleg ismeri ezt a tulajdonságot. Például:

  • width = "240px" - határozza meg a szélessége 240 képpont;
  • width = „40%” - határozza meg a szélesség 40% attól függően, hogy a szélessége a blokk, amelyben az objektum található;

2. height = „szám / százalék” - állítja a magassága sátor pixel / százalék. Példa ugyanaz, mint az első attribútummal. Például:

  • magasság = „400px” - meghatározza a magassága 400 pixel;
  • magasság = „30%” - meghatározza a magassága egy 30% attól függően, hogy a magassága a blokk, amelyben a tárgy;

Megjegyzés. Ha vágányon áll, csak egy sort, a magasságot lehet hagyni, mivel ez automatikusan határozza meg attól függően betűméret megadott font-size paraméter: npx.

3. bgcolor = "color" - állítja a háttér színét a tartályba. Válassza ki a színt az oldalon lehet: kód html színeket. Megjegyzés. ha a bgcolor attribútum nincs megadva, akkor az alapértelmezett háttér színe a oldal háttere.

4. viselkedés = „opció” - az egyik legfontosabb jellemzője a vágányon. Ez meghatározza a viselkedését a vágányon. Ez jó néhány különböző lehetőségek közül:
• alternatív - ticker mozog ciklusok: jobbról balra, majd balról jobbra (fut a szélek között). Például:

És így néz ki a vonal Online:

Egy karakterlánc attribútum viselkedését = „alternatív”

• scroll - ticker mozog a régión kívül az irányt, amely jelzi az irányt attribútum (paraméter), majd ciklikusan ismétlődik. Véleményem szerint ez az opció talált leggyakrabban. Például:

A string attribútum viselkedését = "scroll" direction = "left"


• slide - nagyon hasonlít a tekercset, de a végén a sor leáll, és nem ismétlődik. Például:

A szöveg attribútuma viselkedés = "slide" direction = "right"

5. direction = "Options" - állítja az irányt a görgetés szöveget. Lehet hogy a következő értékeket:
• le - a mozgás, fentről lefelé. Például:

A string attribútum viselkedését = "scroll" direction = "le"


• fel - mozgás alulról felfelé. Például:

A string attribútum viselkedését = "scroll" direction = "up"


• bal - mozgás jobbról balra. Megjegyzés: a bal az alapértelmezett. Például:

A string attribútum viselkedését = "scroll" direction = "left"


• jobbra - a mozgás balról jobbra. Például:

A string attribútum viselkedését = "scroll" direction = "right"

6. hspace = „szám” - állítja a behúzás a vízszintes vonal a többi tárgyat. Hasonló attribútum a népszerű img tag.

7. vSpace = „szám” - határozza meg a függőleges bemélyedés más tárgyakat.

8. loop = „szám” - hányszor kell görgetni a tartalomban. A paraméter megadja a számát, amely meghatározza az ismétlések számának. Megjegyzés: A szám a -1 azt jelenti, végtelen görgetés ciklust. Alapértelmezett értéke -1.

9. scrollamount = „szám” - a sebessége a görgetés szöveget. A szám határozza meg a képpontok számát, amellyel az objektum mozgatásához egy órajel ciklusra. Megjegyzés: Az alapértelmezett arány megegyezik a 6 pixel / sec .. Például:

A szöveg attribútuma scrollamount = "10"

10. scrolldelay = „szám” - határozza meg a késleltetést ticker lépéseket ezredmásodperc. Például:

Egy karakterlánc attribútum scrolldelay = „500”

Végül adok 2. példában futó vonalak. Példa objektumot div:

Runner elem div

Példa futó képek: