logo

움직이는 HTML

그만큼 움직이는 HTML 태그는 이미지나 텍스트를 가로 또는 세로로 스크롤하는 데 사용되는 비표준 HTML 요소입니다.

쉽게 말하면 이미지나 텍스트를 자동으로 위, 아래, 왼쪽, 오른쪽으로 스크롤한다고 할 수 있습니다.

Marquee 태그는 Microsoft Internet Explorer의 초기 버전에서 처음 도입되었습니다. Netscape의 깜박임 요소와 비교됩니다.

버블 정렬 파이썬

움직이는 HTML 예

 This is an example of html marquee 
지금 테스트해보세요

산출:

이것은 html marquee의 예입니다.

지원 브라우저

요소 크롬 브라우저크롬 즉, 브라우저 파이어폭스 브라우저파이어폭스 오페라 브라우저오페라 사파리 브라우저원정 여행

HTML 움직이는 속성

Marquee의 요소에는 marquee의 모양을 제어하고 조정하는 데 사용되는 여러 속성이 포함되어 있습니다.

기인하다설명
행동이를 통해 사용자는 선택 윤곽의 동작을 스크롤, 슬라이드 및 대체의 세 가지 유형 중 하나로 쉽게 설정할 수 있습니다.
방향콘텐츠 스크롤 방향을 정의합니다. 왼쪽, 오른쪽, 위, 아래일 수 있습니다.
너비선택 윤곽의 너비를 픽셀 또는 %로 정의합니다.
선택 윤곽의 높이를 픽셀 또는 %로 정의합니다.
hspace선택 윤곽 주위의 수평 공간을 픽셀 단위로 정의합니다.
vspace선택 윤곽 주위의 수직 공간을 픽셀 단위로 정의합니다.
스크롤 지연스크롤 지연을 초 단위로 정의합니다.
스크롤량스크롤 양을 숫자로 정의합니다.
고리숫자로 선택 윤곽 내용에 대한 루프를 정의합니다.
bgcolor배경색을 정의합니다. 지금이야 더 이상 사용되지 않음 .

HTML 스크롤 선택 윤곽

이는 기본 속성입니다. 텍스트를 오른쪽에서 왼쪽으로 스크롤하는 데 사용되며, 왼쪽 끝에 도달하면 선택 윤곽의 오른쪽에서 다시 시작됩니다. 루프 텍스트가 완료되면 사라집니다.

 This is an example of a scroll marquee... 
지금 테스트해보세요

산출:

이것은 스크롤 선택 윤곽의 예입니다.

HTML 슬라이드 선택 윤곽

슬라이드 선택 윤곽에서는 스크롤할 모든 내용이 선택 윤곽의 전체 길이만큼 미끄러지지만 끝에서 멈춰 내용을 영구적으로 표시합니다.

 This is an example of a slide marquee... 
지금 테스트해보세요

산출:

알고리즘 이진 검색
이것은 슬라이드 선택 윤곽의 예입니다.

HTML 대체 선택 윤곽

텍스트를 오른쪽에서 왼쪽으로 스크롤하고 다시 왼쪽에서 오른쪽으로 이동합니다.

 This is an example of a alternate marquee... 
지금 테스트해보세요

산출:

이것은 대체 선택 윤곽의 예입니다...

HTML 선택 윤곽의 방향

텍스트 스크롤 방향을 변경하는 데 사용됩니다. 선택 윤곽이 오른쪽으로 스크롤되는 예를 들어 보겠습니다. 방향은 왼쪽, 오른쪽, 위, 아래가 될 수 있습니다.

 This is an example of a right direction marquee... 
지금 테스트해보세요

산출:

이것은 올바른 방향 선택 윤곽의 예입니다.

중첩된 선택 윤곽 예

 Nested marquee... 
지금 테스트해보세요

중첩된 윤곽...

단점 HTML 선택 윤곽

1) 인간의 눈은 지속적으로 움직임과 움직이는 텍스트 쪽으로 끌리기 때문에 마키가 주의를 산만하게 할 수 있습니다.

2) Marquee 텍스트가 움직이기 때문에 스크롤 속도에 따라 정적 텍스트를 클릭하기가 더 어렵습니다.

3) 비표준 HTML 요소입니다.

4) 불필요하게 사용자의 주의를 끌고 텍스트를 읽기 어렵게 만듭니다.