Så här får du text att blinka på min webbsida

Tidigare versioner av HTML och Internet-webbläsare stödde taggen. Det brukade skapa blinkande text på webbsidor. Idag har denna tagg avlägsnats och stöds inte längre i någon större webbläsare. För att skapa blinkande text, använd antingen CSS eller JavaScript-exemplet nedan.

  • CSS Exempel
  • JavaScript Exempel

För att skapa en CSS-blinkklass, kopiera nedan CSS-koden till huvudet på din webbsida.

När ovanstående CSS-kod har infogats kan du använda klassen "blink" på något element. Nedan finns en stycke-tagg med blinkklassen.

Exempel på blinkande text med hjälp av CSS.

Efter alla ovanstående steg får du blinkande text som visas nedan.

Exempel på blinkande text med hjälp av CSS.

JavaScript Exempel

För att skapa en JavaScript-blinkfunktion, kopiera den här JavaScript-koden i huvudet på din sida.

 funktion blinker () {$ ('blinkar'). fadeOut (500); $ ( "Blinkar.) FadeIn (500). } setInterval (blinker, 1000); 

När ovanstående JavaScript har lagts in på din sida kan du ringa funktionen genom att lägga till "blinkande" klassen till något element. Nedan finns en stycke-tagg med hjälp av blinkande klassen.

Exempel på blinkande text med hjälp av JavaScript.

Efter alla ovanstående steg får du blinkande text som visas nedan. Du kan justera värdena i JavaScript för att ändra utseendet på den blinkande texten.

Exempel på blinkande text med hjälp av JavaScript.