Jak mrugać tekstem na mojej stronie internetowej

Wcześniejsze wersje HTML i przeglądarek internetowych obsługiwały ten tag. Służyło do tworzenia migającego tekstu na stronach internetowych. Dzisiaj ten tag jest przestarzały i nie jest już obsługiwany w żadnej głównej przeglądarce. Aby utworzyć migający tekst, użyj poniższego przykładu CSS lub JavaScript.

  • Przykład CSS
  • Przykład JavaScript

Aby utworzyć klasę migającą CSS, skopiuj poniższy kod CSS do nagłówka swojej strony internetowej.

Po wstawieniu powyższego kodu CSS można użyć klasy „mrugnięcie” na dowolnym elemencie. Poniżej znajduje się znacznik akapitu wykorzystujący klasę migania.

Przykład migającego tekstu za pomocą CSS.

Po wykonaniu wszystkich powyższych kroków otrzymasz migający tekst, jak pokazano poniżej.

Przykład migającego tekstu za pomocą CSS.

Przykład JavaScript

Aby utworzyć funkcję migania JavaScript, skopiuj poniższy kod JavaScript do nagłówka strony.

 funkcja blinker () {$ ('. miga'). fadeOut (500); $ ('. miga'). fadeIn (500); } setInterval (blinker, 1000); 

Gdy powyższy JavaScript zostanie wstawiony na twoją stronę, możesz wywołać tę funkcję, dodając klasę „migające” do dowolnego elementu. Poniżej znajduje się znacznik akapitu wykorzystujący migającą klasę.

Przykład migającego tekstu za pomocą JavaScript.

Po wykonaniu wszystkich powyższych kroków otrzymasz migający tekst, jak pokazano poniżej. Możesz dostosować wartości w JavaScript, aby zmienić wygląd migającego tekstu.

Przykład migającego tekstu za pomocą JavaScript.