집 > 기사 > 웹 프론트엔드 > HTML 태그 선택 윤곽을 기반으로 스크롤 효과를 얻는 간단한 방법

HTML 태그 선택 윤곽을 기반으로 스크롤 효과를 얻는 간단한 방법

黄舟원래의: 2017-03-17 15:08:401950검색

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

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

구문: ed126914ed1419bab26abf7cf307b7b9...b1caf867bf930ab1d3cf8f70a13b09f1; 설명 : 마커 사이를 스크롤할 내용을 추가합니다.

중요 속성:

1. 스크롤 방향(위, 아래, 왼쪽, 오른쪽 4개 값 포함)

구문 : 169b849a34d526dc096eb44a440c58a7...7204e33a7a23f6efcc788532e245c31b

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

구문: 51d245d8d0a3c23d1301446b9bd95f2e...7204e33a7a23f6efcc788532e245c31b

3. 스크롤 속도는 스크롤 양입니다. 스크롤당 이동 길이를 픽셀 단위로 설정)

구문: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b

4 . 스크롤 지연 scrolldelay(스크롤 간격을 밀리초 단위로 설정)

구문: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b 5. 스크롤 루프 루프(기본값은 -1, 스크롤은 계속 반복됩니다)

구문

: 69457943bcb520c612032510d36031b7. 6. 스크롤 범위 너비, 높이

7. 스크롤 배경색 bgcolor

8. 공백 hspace, vspace

코드 예:

위 내용은 편집자가 가져온 스크롤 효과를 얻기 위한 HTML 태그 마키의 간단한 방법(반드시 읽어야 함)의 전체 내용입니다~

<!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">   
指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...    
</marquee>   
</p>   
</body>   
</html>

HTML 태그 선택 윤곽을 기반으로 스크롤 효과를 얻는 간단한 방법

관련 기사