HTML 태그 선택 윤곽은 스크롤 효과 예제 코드를 구현합니다.
- 高洛峰원래의
- 2017-03-20 16:58:021673검색
페이지의 자동 스크롤 효과는 자바스크립트로 구현할 수 있지만 오늘 우연히 js 제어 없이 다양한 스크롤 효과를 구현할 수 있는 html 태그인 ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b를 발견했습니다.
marquee 태그를 사용하면 텍스트뿐만 아니라 그림, 표 등도 이동할 수 있습니다.
구문: ed126914ed1419bab26abf7cf307b7b9...eb3dca4d1c47e2124d95ee0ea2d3af1c...7204e33a7a23f6efcc788532e245c31b
2. 스크롤 동작(스크롤: 순환 스크롤, 기본 효과; 슬라이드: 한 번만 스크롤한 후 중지; 대체: 앞뒤로 교대로 스크롤)
구문: e552e00b67fe8b75491bdf336698dcdd...7204e33a7a23f6efcc788532e245c31b
3. 스크롤 속도 스크롤량(스크롤 속도는 스크롤할 때마다 이동하는 길이를 설정하는 것입니다. 픽셀 단위)
구문: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b
4. 스크롤 지연 scrolldelay (스크롤 간격 설정, 단위는 밀리초)
구문: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b
5. 스크롤 루프 루프(기본값은 -1, 스크롤은 계속 반복됩니다) )
구문: 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!