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>

    좋은 웹페이지 즐겨찾기