/ / Sukurti HTML šliaužiančią eilutę

Sukurkite HTML šliaužimo liniją

Sukurti nuskaitymo HTML turiuždarymo žyma . Jame gali būti ne tik teksto, bet ir kitų elementų: lentelių, vaizdų, formų ir pan. Naudojant atributus, apibrėžiamas ne tik horizontalusis judėjimas, bet ir vertikalus. Pastaruoju atveju turite nurodyti lauko aukštį.

Įdomu, kad jis iš pradžiųJis buvo sukurtas naršyklėje "Internet Explorer", o kiti sužinojo, kad tai vėliau suprasti. Nors paprastai tai įvyksta kitaip, o tai yra "Microsoft" naršyklė, kuri visada veikia kaip atsilikusi, sukurdama daugybę problemų programuotojams.

HTML kodas

Aktualumas

- lenkimo žyma HTML. Jis palaikomas pagal visas dabartines naršyklių versijas. Šiuo atžvilgiu nėra jokių problemų, ir jūs galite saugiai jį naudoti.

Tačiau, kalbant apie semantiką, jis laikomas pasenęs ir nebėra įtrauktas į HTML specifikaciją. Taigi kodas, kuriame yra ši žyma, nepradės patvirtinimo.

Kokia yra priežastis?Šiuolaikiniame HTML nėra naršymo eilutės, nes visą animaciją ir stilių daro CSS. Kartais jūs turite naudoti JS. Todėl HTML yra atsakingas tik už žymėjimą. Tačiau "marquee" veiks tik gerai, nes išsaugotas suderinamumas su senesnėmis versijomis.

Sintaksė

HTML teksto eilutėje, kurioje yra eilutė, nustatoma uždarymo žyma:

 ...  

Viduje gali būti ne tik tekstas, bet ir kiti elementai, pavyzdžiui, nuotraukos ar lentelės. Prisiminkite, kad nors šis kodas veikia, jis nebegalės galioti.

Žymeklis

Slinkimo greitis

Tikrinimo linijas HTML galite valdyti naudodami atributus. Judėjimo greitis nustatomas naudojant „scrollamount“ atributą. Tai atrodys taip:

<marquee scrollamount = "1"> tekstas </marquee> 

Greitis keičiasi dėl pastoviosiospašalinti informaciją apie teksto padėtį ir parodyti jį naujoje vietoje. Keičiant atributo reikšmę, nustatome taškų skaičių tarp senosios ir naujos padėties. Atitinkamai, kuo didesnė vertė, tuo didesnis greitis. Šį atributą palaiko visos naršyklės.

Jei slinkimo greitis per didelis,įsijungs automatinis ribojimas, kad tekstas būtų skaitomas. Jei reikia apeiti šį apribojimą, įveskite „truespeed“ atributą. Atminkite, kad ne visos naršyklės versijos tai supranta. IE ir „Firefox“ gali dirbti su jais.

Vėlavimą tarp slinkto teksto galima nustatyti naudojant „scrolldelay“ atributą.

Slinkties laukelis

Pagal plotį žyma užims visą tėvų plotįelementas. Ir pagal aukštį jis bus lygus turiniui viduje. Norėdami tai pakeisti, turite naudoti du aukščio ir pločio atributus. Tai yra atitinkamai aukštis ir plotis. Galite naudoti taškus arba procentus.

Taip pat yra dar du atributai, būtent „hspace“ irvspace. Jie reikalingi norint sukurti baltą erdvę aplink šliaužiančią liniją, tiksliau, įdubimą. Atstumas nustatomas atitinkamai horizontaliai ir vertikaliai.

Judesio parametrai

Be greičio, galite nustatyti ir kitusjudesio parametrai. Judėjimo kryptį valdo krypties atributas. Pagal numatytuosius nustatymus tekstas juda iš dešinės į kairę. Šis judėjimas atitinka teisės vertę. Norėdami, kad tekstas judėtų priešinga kryptimi, tiesiog nurodykite kairę, ir jis atrodys taip:

<marquee direction = "left"> ... </marquee>

Be horizontalaus slinkimo, galite nurodyti ir vertikalų slinkimą. Naudokite aukštyn, norėdami perkelti turinį aukštyn ir žemyn, norėdami judėti žemyn.

Norėdami pakeisti judėjimo pobūdį, yra dar duįdomus ir naudingas atributas. Galite nustatyti slinkimų skaičių, po kurio turinys sustos kraštutinėje padėtyje ir nejudės. Ši savybė atitinka kilpos atributą. Numatytasis nustatymas yra -1. Nustačius 0, tekstas visiškai nejudės. Sveikieji skaičiai virš 0 pradės skaitiklį.

Didesnis atributas yra elgesys. Jis yra atsakingas už turinio judėjimą. Numatytasis yra slinkimas. Tai reiškia, kad turinys judės tam tikra kryptimi, o po to, kai jis bus visiškai paslėptas, jis vėl pradės judėti.

Jei turinio yra nedaug, galite nustatyti atributąpakaitinė vertė. Pasiekus kraštutinį tašką, turinys pradės judėti priešinga kryptimi. Ir taip be galo daug kartų, jei nenustatytas skaitiklis.

Paskutinė reikšmė yra skaidrė. Tai nurodo turiniui eiti iki galo ir sustoti.

HTML žymėjimui, CSS stiliams

Stiliai

Žymoje <marquee> yra atributas „bgcolor“, leidžiantis nustatyti eilutės fono spalvą. Pagal numatytuosius nustatymus jis yra tas pats kaip puslapis.

HTML nepakanka norint sukurti gražią šliaužiančią liniją. Turi būti naudojami stiliai. Pavyzdžiui, jei norime padaryti tekstą gražesnį:

<marquee scrollamount = "1" style = "spalva: # D9470D; šrifto dydis: 40 taškų; šrifto svoris: drąsesnis; line-height: 150%; "> Žymeklis </marquee>

Paraiška

Yra daug būdų, kaip naudoti šliaužiančią liniją. Norėdami tiesiog atkreipti dėmesį, galite tiesiog naudoti tekantį tekstą. Galima pagaminti savotišką informatorių, kuriame būtų daug teksto. Taip pat galite įterpti sklandžiai judančių nuotraukų seriją. Tai parodys daugiau turinio.

HTML kodo bėgimo eilutė padės jums sukurti paprastą animaciją, jei naudojate animuotą paveikslėlį, pavyzdžiui, bėgantį vyrą.

Slinkties eilutėje yra ne tik tekstas

Rezultatai

Mes aptarėme, kaip HTML šliaužti. Tai gana paprastas metodas ir lengvai išmokstamas. Tačiau jis nebenaudojamas ir neišlaiko patvirtinimo. Negavau tolesnio tobulinimo ir palaikymo, o tai gali sukelti problemų dirbant skirtingose ​​naršyklėse.

CSS geriau tinka animacijai

Mes nerekomenduojame jo naudoti. Norėdami sukurti šliaužiančią liniją, tiksliau, animaciją, CSS3 turi unikalią „@keyframes“ taisyklę. Tai leidžia jums sukurti nuoseklius animacijos rėmus. Animacijos nuosavybė jau lemia šios animacijos pristatymą. Šis įrankių rinkinys suteikia daug daugiau funkcijų nei senoji žyma <marquee>. Tai taip pat yra daug patogiau naudoti, o svarbiausia - to jie siekė daugelį metų: išvalyti HTML nuo nereikalingo šlamšto ir padaryti jį labiau įskaitomą bei struktūrizuotą.

© 2018 davidgarlandjones.com - kopijuojant medžiagą, būtina nuoroda į šaltinį!