>  기사  >  웹 프론트엔드  >  HTML의 marquee 태그에 대한 자세한 소개

HTML의 marquee 태그에 대한 자세한 소개

黄舟
黄舟원래의
2017-10-25 10:18:234170검색



1.1 개요
페이지에 자동 스크롤 효과를 구현하는 방법에는 두 가지가 있습니다. 첫 번째 방법은 JS로 구현하는 방법이고, 두 번째 방법은 HTML marquee 태그를 사용하여 구현하는 방법입니다. Q HTML Marquee 라벨의 역할은 롤링 텍스트를 영역에 삽입하는 것입니다. HTML Marquee 태그를 사용하면 텍스트뿐만 아니라 그림, 양식 등도 이동할 수 있습니다.

참고: ed126914ed1419bab26abf7cf307b7b9는 HTML 및 HTML5에서 더 이상 사용되지 않는 기능입니다. 이 태그를 사용하지 않는 것이 좋습니다. U1.2marquee label 문법:
& lt; marquee & gt; ... & lt;/marquee & gt;; 4개 값: 위쪽, 아래쪽, 왼쪽 및 오른쪽. 동작 속성은 스크롤 방법을 정의합니다. 해당 값은 3: 스크롤, 슬라이드 및 대체(스크롤: 순환 스크롤, 기본 효과 [결점은 원활하게 스크롤할 수 없다는 것임]; 슬라이드: 한 번만 스크롤한 후 중지; 대체) : 앞뒤로 교대로 스크롤합니다. scrollamount 속성은 스크롤 속도를 정의합니다(스크롤 속도는 스크롤할 때마다 이동 길이를 픽셀 단위로 설정하는 것입니다).
scrolldelay 속성은 스크롤 지연을 정의합니다(스크롤 간격을 밀리초 단위로 설정).
loop 속성은 스크롤 루프를 정의합니다(기본값은 -1이며 스크롤은 계속 반복됩니다). 예:

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>实例</title>
</head>
<body>
<p>
    <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="100" height="20" >广告标语</marquee>
</p>
</body>
</html>

위 내용은 HTML의 marquee 태그에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.