내 웹 페이지에서 텍스트를 깜박이는 방법

이전 버전의 HTML 및 인터넷 브라우저에서이 태그를 지원했습니다. 웹 페이지에서 깜박이는 텍스트를 만드는 데 사용되었습니다. 현재이 태그는 더 이상 사용되지 않으며 주요 브라우저에서 더 이상 지원되지 않습니다. 깜박이는 텍스트를 만들려면 아래 CSS 또는 JavaScript 예제를 사용하십시오.

  • CSS 예제
  • 자바 스크립트 예제

CSS 깜박임 클래스를 만들려면 아래 CSS 코드를 웹 페이지의 머리 부분에 복사하십시오.

위의 CSS 코드가 삽입되면 모든 요소에서 "깜박임"클래스를 사용할 수 있습니다. 아래는 blink 클래스를 사용하는 단락 태그입니다.

CSS를 사용하여 깜박이는 텍스트의 예.

위의 모든 단계를 수행하면 아래와 같이 깜박이는 텍스트가 표시됩니다.

CSS를 사용하여 깜박이는 텍스트의 예.

자바 스크립트 예제

자바 스크립트 깜박임 함수를 만들려면 아래 JavaScript 코드를 페이지의 머리 부분에 복사하십시오.

 function blinker () {$ ( '. blinking') .fadeOut (500); $ ( '. 깜박임') .fadeIn (500); } setInterval (깜박이, 1000); 

위 자바 스크립트가 페이지에 삽입되면 모든 요소에 "깜박임"클래스를 추가하여 함수를 호출 할 수 있습니다. 아래는 깜박이는 클래스를 사용하는 단락 태그입니다.

JavaScript를 사용하여 깜박이는 텍스트의 예.

위의 모든 단계를 수행하면 아래와 같이 깜박이는 텍스트가 표시됩니다. 깜박이는 텍스트의 모양을 변경하려면 JavaScript의 값을 조정할 수 있습니다.

JavaScript를 사용하여 깜박이는 텍스트의 예.