Hoe een nieuws-scroller voor een website te maken

U kunt een eenvoudige nieuws-scroller maken voor uw website met behulp van de "" HTML-tag. Hoewel "" een niet-standaard tag is die door Microsoft is ontwikkeld voor Internet Explorer, ondersteunen veel webbrowsers op pc's, smartphones en andere mobiele apparaten dit. Uw nieuwsitems kunnen alleen opgemaakte tekst of een combinatie van tekst en afbeeldingen bevatten. U kunt ook de tag "" configureren om uw nieuwsitems naar links, rechts, omhoog of omlaag te scrollen.

1.

Start Kladblok of een andere tekst- of code-editor van uw keuze. Klik op het menu Bestand. Klik op 'Openen'. Gebruik bestandsbeheer om het HTML-bestand te vinden waaraan u de nieuwsblader wilt toevoegen.

2.

Klik op de muisaanwijzer in het gedeelte van de HTML-code waar u de nieuws-scroller wilt toevoegen.

3.

Type "" in een lege ruimte. Druk op de "Enter" -toets.

4.

Typ uw nieuwsitems onder de tag. Typ "" en druk op "Enter" na elk nieuwsitem zodat de schuifbalk slechts één nieuwsitem per regel weergeeft.

5.

Druk op de "Enter" -toets na het laatste nieuwsitem. Typ "" om het selectiekader te sluiten. Druk op de "Enter" -toets.

6.

Typ "Ctrl-S" om uw wijzigingen op te slaan.

Tip

  • U kunt de manier wijzigen waarop uw nieuwsbrowser wordt weergegeven door de kenmerken van de selectiekader aan te passen. Het kenmerk 'breedte' bepaalt bijvoorbeeld hoe breed uw nieuws-scroller binnen uw webpagina zal zijn. U kunt het kenmerk "gedrag" instrueren om te scrollen om de richting van de schuif te wisselen. U kunt ook bepalen hoe snel nieuwsitems scrollen met het kenmerk 'scrolldelay' en een getalwaarde opgeven.

Waarschuwing

  • Er kunnen verschillen zijn in de manier waarop verschillende browsers elke CSS-stijl interpreteren die op een selectiekader of de inhoud ervan wordt toegepast. Het World Wide Web Consortium werkt aan CSS-standaarden voor tenten, maar ze zijn nog niet officieel. Een alternatief is om een ​​JavaScript-bibliotheek met meerdere platforms zoals jQuery te gebruiken om lichtkrantachtige nieuws-scrollers te maken die hun uiterlijk en gedrag automatisch aanpassen aan de mogelijkheden van een specifiek apparaat. U kunt meestal demo-code vinden met behulp van deze bibliotheken die de functie van de tag "marquee" nabootsen en verbeteren.
 

Laat Een Reactie Achter