Generer en ticker uten JavaScript

instagram viewer

Hvis du vil lage en enkel nyhetsticker på nettstedet ditt eller påpeke en viktig melding, kan du få teksten vist som en ticker. Du trenger ikke nødvendigvis en JavaScript -funksjon for dette, du kan bruke en enkel HTML -tag i stedet, som også har en avgjørende fordel i forhold til JavaScript.

Lag et ticker med HTML -taggen " telt"
Lag et ticker med HTML -taggen "telt"

Ulempen med en ticker med JavaScript

Selv om det er relativt enkelt å lage tekst i bevegelse med JavaScript, har den en stor ulempe.

  • For eksempel kan JavaScript deaktiveres i den respektive nettleseren til den besøkende, slik at funksjonen din ikke vises i det hele tatt.
  • Du kan unngå dette ved ganske enkelt å legge til den passende HTML -taggen "marquee" (Eng. Bruk "ticker"), som støttes av de vanligste nettleserne, selv om den ikke er offisielt standardisert.
  • Uavhengig av om du bruker JavaScript eller teltetiketten, bør du være oppmerksom på at en løpende tekst kan oppfattes som irriterende av dine besøkende. I dag, med unntak av nyhets tickers, er tickers veldig sjelden en del av moderne nettsteder, slik at du bedre kan peke på et bestemt aspekt med klare strukturer og fargetilpasning bør.

Bruk Marquee i HTML -kode

HTML -koden "marquee", som de fleste koder, har en enkel struktur, slik at du i utgangspunktet bare trenger å skrive koden for å generere et ticker.

Lag nyhetsticker for hjemmesiden - slik fungerer det

Hvis du vil legge til en nyhetstickerfunksjon på hjemmesiden din, kan du gjøre dette ...

  • Det ville være nok for deg Din beskjed skrive på ønsket sted. Som et resultat vil teksten "Din melding" bevege seg jevnt til venstre fra høyre kant av bildet.
  • Hvis du vil endre denne retningen, trenger du bare attributtet "retning". Retning) og angi deretter engelsk retning. Så hvis du vil at teksten skal bevege seg fra venstre til høyre, må du Din beskjed skrive, fordi kjøreretningen skal være til "høyre".
  • Slik at tickeren alltid beveger seg frem og tilbake, dvs. bytter automatisk i den andre retningen, så snart kanten av bildet er nådd, kan du bruke attributtet "oppførsel" med verdien "alternativ" bruk. Det kan for eksempel se slik ut: Din beskjed.
  • Du har også muligheten til å påvirke rullehastigheten til teksten ved å bruke de to attributtene "scrollamount" og "scrolldelay". Attributtet "scrollamount" definerer i hvilken grad den respektive teksten skal bevege seg for hvert trinn, dvs. hvor mange piksler den skal hoppe fremover. Attributtet "scrolldelay" bestemmer tiden mellom de enkelte hoppene, dvs. den respektive forsinkelsen. En tekst som utvikler seg raskt, kan for eksempel starte med "Din beskjed bli generert.
  • Til slutt kan du også designe tickerområdet. For eksempel har du muligheten til å angi "høyden" på markeringsområdet, en Angi bakgrunnsfarge eller juster skriftens farge på teksten, sistnevnte basert på tillegg skriftkoder er mulig. For et 50px høyt område som skal ha svart bakgrunn og hvit skrift, må du skrive: Din beskjed.

Hvor nyttig finner du denne artikkelen?

click fraud protection