페이지의 자동 스크롤 효과는 자바스크립트로 구현할 수 있지만 오늘 우연히 js 제어 없이 다양한 스크롤 효과를 구현할 수 있는 html 태그인 를 발견했습니다.
marquee 태그를 사용하면 텍스트뿐만 아니라 그림, 표 등도 이동할 수 있습니다.
구문:
3. 스크롤 속도 스크롤량(스크롤 속도는 스크롤할 때마다 이동하는 길이를 설정하는 것입니다. 픽셀 단위)
구문:
4. 스크롤 지연 scrolldelay (스크롤 간격 설정, 단위는 밀리초)
구문:
5. 스크롤 루프 루프(기본값은 -1, 스크롤은 계속 반복됩니다) )
구문:
6. 스크롤 범위 너비, 높이
7. 색상 bgcolor
8. 공백 hspace, vspace
코드 예:
<!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> <div> <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> </div> </body> </html>
위 내용은 HTML 태그 선택 윤곽은 스크롤 효과 예제 코드를 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
