Generer en ticker uten JavaScript
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.
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 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 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 " 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: .
Hvor nyttig finner du denne artikkelen?