HTML 태그 marquee 스크롤 효과 구현

4173 단어 html

페이지 의 자동 스크롤 효 과 는 자바 script 에서 이 루어 질 수 있 지만 오늘 은 본의 아니 게 html 태그 가 발견 되 었 습 니 다. - 다양한 스크롤 효 과 를 실현 할 수 있 습 니 다. js 제어 가 필요 없습니다.
marquee 표 시 를 사용 하면 텍스트 뿐만 아니 라 그림, 표 등 도 이동 할 수 있 습 니 다.
문법 ：...;설명: 태그 사이 에 스크롤 할 내용 을 추가 합 니 다.
중요 속성

스크롤 방향 direction (4 개의 값 up, down, left 와 right 포함) 문법:

    <marquee direction="    ">....marquee>

스크롤 방식 behavior (scroll: 순환 스크롤 기본 효과 slide: 한 번 굴 리 면 멈 추고 alternate: 반복 스크롤) 문법:

    <marquee behavior="    ">....marquee>

스크롤 속도 scrollamount (스크롤 이 이동 할 때마다 길 고 단 위 는 픽 셀 설정) 문법:

    <marquee scrollamount="5">....marquee>

스크롤 지연 scrolldelay (스크롤 시간 간격 설정, 단 위 는 밀리초) 문법:

    <marquee scrolldelay="100">....marquee>

순환 스크롤 oop (기본 값 은 - 1 이 고 스크롤 은 계속 순환 합 니 다) 문법:

    <marquee loop="2">....marquee>

스크롤 범위 width height 문법:

    <marquee width='1000' height='200'>....marquee>

스크롤 배경 색상 bgcolor 문법:

    <marquee bgcolor="#0099FF">....marquee>

공백 공간 hspace (수직). vspace (수평) 문법:

    <marquee hspace="10" vspace="10">....marquee>

코드 데모

<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000"height="50" bgcolor="#0099FF" hspace="10" vspace="10">
       marquee      
marquee>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다른 사람의 웹사이트 편집: contenteditable 및 designMode

그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다