더 이상 사용되지 않는
지원 중단 이유
CSS 기반 대안
제안된 CSS 속성(marquee- 플레이 횟수 등)은 처음에는 사양의 일부였지만 나중에 제한된 브라우저 지원으로 인해 제거되었습니다. 그러나 CSS3 애니메이션은 실행 가능한 솔루션을 제공합니다.
.marquee {
animation: marquee 15s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}이 애니메이션은
JavaScript 대안
정교한 스크롤을 제공하는 jQuery Marquee 및 Marquee.js와 같은 수많은 JavaScript 라이브러리가 있습니다. 일시 중지, 되돌리기, 스크롤 속도 제어 등의 기능을 제공합니다. 그러나 이러한 라이브러리는 외부 코드를 추가하고 페이지 로딩 시간에 영향을 미칠 수 있습니다.
대체 용이성
CSS3 애니메이션 접근 방식은 < 천막> 요소:
<div class="marquee">
<p>Your scrolling text here</p>
</div></p>
<p>CSS 애니메이션 규칙을 쉽게 수정하여 스크롤 속도, 방향 및 기타 매개변수를 조정할 수 있습니다. 아래에서 위로 스크롤하려면 키프레임 애니메이션의 변환 값을 간단히 반전하세요.</p>
<pre class="brush:php;toolbar:false">@keyframes marquee {
0% { transform: translate(0, 100%); }
100% { transform: translate(0, 0); }
}결론
위 내용은 ``가 더 이상 사용되지 않는 이유는 무엇이며 텍스트 스크롤에 대한 최선의 대안은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
