Nuttige wenke

Hoe u 'n kruiplyn op die werf kan maak

Pin
Send
Share
Send
Send


Het u al ooit die abrupte beweging van blaaiende teks op 'n webwerf gesien? Het u al ooit gewonder hoe dit gemaak is? U hoef nie êrens anders vir inligting te soek nie! Hierdie teks word 'n markiestent genoem. Dit kan in enige kleur gemaak word, dit kan in elke rigting gerol word, en nog baie meer. Kyk stap 1 hieronder om aan die gang te kom!

  1. 1 Maak die HTML-dokument oop as u dit nog nie gedoen het nie.
  2. 2 Plaas hierdie kode waar u wil hê dat die markiestent moet wees:
  3. 3 Kies 'n agtergrondkleur. U kan die agtergrond van die kruiplyn verander deur 'n heksadesimale waarde (HEX) of 'n RGB-waarde (rooi-groen-blou) op te stel na die 'agtergrondkleur:' deel van die kode (agtergrondkleur). Die standaardwaarde hierbo, # 000080 is donkerblou kleur. 'N Volledige lys kleure en die betekenis daarvan kan gevind word.
  4. 4 Stel die rolrigting in. Verander kenmerk rigting in die kode vir een van die volgende: regs (van links na regs), links (van regs na links (standaard)), op (van onder na bo) of na onder (van bo na onder).
  5. 5 Dui die aantal hardloopsiklusse van die kruiplyn aan. kenmerk lus kan verander word volgens behoeftes - dit bepaal hoeveel keer die kruiplyn moet beweeg. As u wil hê dat dit aanhoudend moet beweeg, moet u dit dan verlaag.
  6. 6 Spesifiseer die teks van die kruiplyn. Die teks binne-in die etiket en die etiket sal op die kruipende lyn blaai. Skryf wat u wil hê dit moet vertoon.
  7. 7 Stel die tekskleur in. Voeg attribuut by styl inwaartse skakelaar
  • Hier is 'n eenvoudige kruipkode vir kruiplyne:

Dit is 'n blaaierige skuiflyn.

  • Kruiplyne op werwe is gewoonlik 'n bietjie irriterend.
  • Wees versigtig as u die eienskappe van kruiplyne verander.

Kruiplyn op HTML. HTML-basiese beginsels vir beginners. Les nommer 9

Hallo almal!
Gaan voort om die basiese beginsels van HTML te leer.
In hierdie les sal ek vertel en onderrig hoe u 'n kruiplyn in 'n HTML-dokument kan maak. Dit is 'n soort primitiewe animasie op 'n webwerf sonder die gebruik van grafiese redakteurs.
'N Kruiplyn kan gebruik word om nuus, promosies, 'n advertensieboodskap en selfs vir pragtige ontwerp-oomblikke te vertoon (byvoorbeeld: 'n wolk in die lug beweeg in die kop van 'n webwerf). Ek dink dat u self die toepassing van 'n looplyn op u webwerf sal vind, en my taak is nou om u te vertel hoe dit gedoen word en hoe dit in die praktyk lyk.
Gebruik 'n etiket om 'n kruiplyn te skep:

* eienskappe vir kruiplyn
mark agtergrondkleur
Om die agtergrond van die looplyn in te kleur, voeg die attribuut "bgcolor" by die tag "marquee":

gevolg:
Kruiplyn

○ hoogte en breedte van 'n looplyn
Om die hoogte en breedte van die kruiplyn in te stel, voeg die attribuut "breedte" en "hoogte" by die markiestent:

○ kruipende gedrag
Voeg die "gedrag" -kenmerk by die merkenteken met die volgende waardes:

blaai - normale blaai (standaard),

gly - die lyn begin van die een kant en stop by die ander kant,

afwisselend - die lyn sal van rand tot rand beweeg

normale blaai (standaard)

Die kruiplyn sal van die een kant kruis en by die ander punt stop

die lyn sal van rand tot rand beweeg

○ kruiplynrigting
Voeg die rigtingkenmerk met die volgende waardes by die markiestandmerk:

links - skuif die teks na links (standaard),

regs - skuif die teks na regs,

op - teksbeweging van onder na bo,

af - teks beweging van bo na onder

skuif die teks na links (standaard)

teksbeweging na regs

teksbeweging van onder na bo

bo-na onder teksbeweging

○ kruiplynspoed
Om die snelheid van die skuiflyn aan te pas, voeg die eienskap van die roltabel by die markiestent:

Hoe groter die waarde, hoe groter is die snelheid.

○ kruiplynvertraging
Nog 'n kenmerk waarmee u die snelheid kan aanpas. Hoe hoër die waarde, hoe laer is die snelheid. Voeg die scrolldelay-kenmerk by die markiestandmerk:

○ aantal bosluise
As u 'n sekere aantal kruipende lynopgawes moet spesifiseer, voeg u die luskenmerk by die merkenteken:

In die voorbeeld is die waarde “2”, wat beteken dat daar slegs twee passe sal wees.

○ kruipende inspringings
As u die inkeping aan die linkerkant en regterkant moet spesifiseer, voeg die "hspace" -kenmerk by die merkenteken:

Hoe om 'n beeld in 'n kruiplyn in te voeg

Om 'n kruiplyn in 'n prentjie in te voeg, plaas u 'n etiket wat u reeds ken tussen die etikette om die foto te vertoon:


In hierdie geval is alle attribute vir die etiket geldig.

Eienskappe en parameters

1. w - stel die breedte van die looplyn in pixels / persent. Diegene wat vertroud is met html, is waarskynlik hierdie kenmerk vertroud. Byvoorbeeld:

  • w - stel die breedte op 40%, afhangende van die breedte van die blok waarin die voorwerp geleë is,

2. hoogte = "aantal / persent" - stel die hoogte van die looplyn in pixels / persent. 'N Voorbeeld kan dieselfde gegee word as met die eerste attribuut. Byvoorbeeld:

  • hoogte = "400 px" - stel die hoogte op 400 pixels,
  • hoogte = "30%" - stel die hoogte op 30%, afhangende van die hoogte van die blok waar die voorwerp geleë is,

Opmerking: as die kruiplyn slegs uit een reël bestaan, kan die hoogte weggelaat word, aangesien dit outomaties bepaal sal word, afhangende van die lettergrootte wat deur die font-grootte: Npx-parameter bepaal word.

3. bgcolor = "kleur" - stel die agtergrondkleur van die houer in. U kan 'n kleur op die bladsy kies: html-kleurkodes. Opmerking: as die bgcolor-attribuut nie ingestel is nie, sal die agtergrond die agtergrondkleur van die bladsy wees.

4. gedrag = "parameter" - dit is een van die belangrikste eienskappe van die looplyn. Dit bepaal die gedrag van die kruiplyn. Dit het 'n hele paar verskillende opsies:
• afwisselend - die looplyn beweeg siklies: van regs na links, dan van links na regs (loop tussen die rande). Byvoorbeeld:

En so lyk hierdie lyn op die webwerf:

• blaai - die kruiplyn beweeg buite die gebied in die rigting wat die rigtingkenmerk aandui (met die parameter), en herhaal dan in siklusse. Na my mening is hierdie opsie die algemeenste. Byvoorbeeld:

5. rigting = "parameters" - stel die bewegingsrigting van die kruiplyn in. Dit kan die volgende waardes inneem:
• af - beweeg van bo na onder. Byvoorbeeld:

6. hspace = "getal" - stel die horisontale lyninkeping op ander voorwerpe. Die gewilde img-etiket het 'n soortgelyke kenmerk.

7. vspace = "getal" - stel die vertikale inspringing op ander voorwerpe.

8. lus = "nommer" - hoeveel keer u deur die inhoud moet blaai. Die parameter spesifiseer 'n getal wat die aantal herhalings stel. Opmerking: -1 beteken 'n oneindige rollus. Die standaard is -1.

9. scrollamount = "getal" - die snelheid van die bewegende lyn. Die nommer stel die aantal pixels waardeur die voorwerp beweeg in 'n enkele kloksiklus. Opmerking: die standaardspoed is 6 pixels / sek. Byvoorbeeld:

10. scrolldelay = "getal" - stel die vertraging tussen kruiplynstappe in millisekondes in. Byvoorbeeld:

Uiteindelik sal ek twee voorbeelde gee van die gebruik van kruiplyne. Voorbeeld van 'n div-objek:

Pin
Send
Share
Send
Send