그만큼 움직이는 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) 불필요하게 사용자의 주의를 끌고 텍스트를 읽기 어렵게 만듭니다.