>  기사  >  웹 프론트엔드  >  마키 태그의 스크롤 효과를 완성하는 코드에 대한 자세한 설명

마키 태그의 스크롤 효과를 완성하는 코드에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-05-22 10:38:141736검색

다음 편집기는 HTML 태그 선택 윤곽을 사용하여 스크롤 효과를 얻는 간단한 방법을 제공합니다(필독). 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 와서 편집자와 함께 살펴보세요. 모두 즐거운 게임 되시길 바랍니다

페이지의 자동 스크롤 효과는 자바스크립트로 구현할 수 있지만 오늘 우연히 html 태그인 ed126914ed1419bab26abf7cf307b7b9<를 발견했습니다. /marquee> js 제어 없이도 다양한 스크롤 효과를 얻을 수 있습니다.

marquee 태그를 사용하면 텍스트뿐만 아니라 그림, 표 등도 이동할 수 있습니다.

구문: ed126914ed1419bab26abf7cf307b7b9...1275c3a8a6d8bc521eec26e2e45a8489...7204e33a7a23f6efcc788532e245c31b

2. 스크롤 동작(스크롤: 순환 스크롤, 기본 효과; 슬라이드: 한 번만 스크롤하고 중지; 교대로) : 앞뒤로 번갈아 스크롤)

구문: e552e00b67fe8b75491bdf336698dcdd...7204e33a7a23f6efcc788532e245c31b

3. 스크롤 속도는 설정됩니다. 스크롤할 때마다 이동하는 길이(픽셀)

구문: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b

4. 스크롤 지연( 스크롤 시간 간격을 밀리초 단위로 설정합니다.

구문: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b

5. 스크롤 루프 루프(기본값) 는 -1이고 스크롤은 계속 반복됩니다.

구문: 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b

6. 스크롤 범위 너비 높이

7. 배경색 스크롤 bgcolor

8. 공백 hspace, vspace

코드 예:

XML/HTML 코드클립보드에 콘텐츠 복사

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>无标题文档</title>  
    </head>  
      
    <body>  
    <p>  
    <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">
  2. 는 전체 선택 윤곽 정렬을 나타냅니다. 2) 동작: 스크롤 방법을 설정합니다. 스크롤: 한쪽 끝에서 다른 쪽 끝으로 스크롤하는 것을 의미하며, 이는 원활하게 스크롤할 수 없다는 것입니다. 슬라이드: 반복하지 않고 한쪽 끝에서 다른 쪽 끝으로 스크롤하는 것을 의미합니다...

  3. 0bb3f73a10fa6c0b580438dadc07dad6

  4. a7447e9e15348813b597b50fafc8734e

  5. 61ff283c88f9e3ee13c3c06d653f1663 🎜>

    >
  6. 【관련 추천】1. html 무료 동영상 튜토리얼

  7. 2.
nodejs에서 html을 구문 분석하는 방법을 배웁니다

3. HTML 및 CSS 지식 포인트에 대한 포괄적인 요약 공유

4.

Html5 데이터 목록 태그 및 배경 데이터와의 동적 매칭에 대한 자세한 설명

5. >비동기 파일 업로드를 완료하기 위한 HTML Jquery 코드 예제

위 내용은 마키 태그의 스크롤 효과를 완성하는 코드에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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