선택 윤곽 요소를 사용하여 글꼴 및 그림 스크롤 효과를 얻는 방법

이번에는 marquee 요소가 글꼴과 그림을 스크롤하는 효과를 얻을 수 있는 방법을 보여 드리겠습니다. 글꼴과 그림을 스크롤하는 효과를 얻기 위한 marquee 요소의 주의 사항은 무엇입니까? 바라보다.

marquee 요소는 간단한 글꼴(그림 등) 슬라이딩 및 기타 효과를 얻을 수 있습니다.

<style type="text/css"> 
#div01{ 
width: 500px; 
} 
</style> 
<script type="text/javascript"> 
</script> 
<marquee behavior="alertnate"><font size=30 color=&#39;red&#39;>www.baidu.com111</font></marquee> 
<marquee direction=right bgcolor=&#39;#ff2233&#39; behavior="alertnate"><font size=30 color=&#39;blue&#39;>www.baidu.com222</font></marquee> 
<marquee id="m3" direction=down bgcolor=&#39;#dbdbdb&#39; height=50px hspace=20px vspace=20px behavior="alertnate" scrollLeft=left onmouseover="this.stop()" onmouseout="this.start()"><font size=30 color=&#39;blue&#39;>www.baidu333.com</font></marquee> 
<marquee id="m4" direction=up bgcolor=&#39;#00dbdb&#39; behavior="alertnate"><font size=30 color=&#39;blue&#39;>www.baidu444.com</font></marquee>

<div id="div01"><marquee direction=right bgcolor=&#39;#ff2233&#39; behavior="alertnate" scrolldelay=100><font size=30 color=&#39;blue&#39;>www.baidu.com555</font></marquee></div> 
<input type="button" onclick="m3.stop();" value="m3.stop"></input> 
<input type="button" onclick="m3.start();" value="m3.start"></input> 
<button onclick="m4.stop();">m4.stop</button> 
<button onclick="m4.start();">m4.start</button>

방향은 스크롤 방향을 나타내며 값은 왼쪽, 오른쪽, 위, 아래일 수 있으며 기본값은 왼쪽입니다.
동작은 스크롤 방식, 값 스크롤(연속 스크롤) 슬라이드(한 번 슬라이드) 교대로(앞뒤로 스크롤)
loop는 루프 수를 나타내며 값은 양의 정수이며 기본값은 무한 루프입니다.
scrollamount는 이동 속도, 값은 양의 정수, 기본값은 6
scrolldelay는 일시 정지 시간을 나타냅니다. 값은 양의 정수, 기본값은 0, 단위는 밀리초인 것 같습니다.
align은 요소의 수직 정렬을 나타냅니다. 값은 위쪽, 중간, 아래쪽일 수 있으며 기본값은 중간입니다.
bgcolor는 모션 영역의 배경색을 나타내며, 값은 16진수 RGB 색상이며, 기본값은 흰색입니다.
높이와 너비는 모션 영역의 높이와 너비를 나타냅니다. 값은 양의 정수(단위는 픽셀) 또는 백분율입니다. 높이는 레이블 내 요소의 높이입니다.
hspace 및 vspace는 요소와 영역 경계 사이의 거리를 나타냅니다. 거리, 값은 양의 정수이고 단위는 픽셀입니다.
onmouseover=this.stop() onmouseout=this.start()는 마우스가 해당 영역 위에 있으면 스크롤이 중지되고 마우스가 멀어지면 스크롤이 계속된다는 의미입니다.
다음은 버튼을 클릭할 때 m3 및 m4의 스크롤 또는 중지를 설정하는 것입니다.

<input type="button" onclick="m3.stop();" value="m3.stop"></input> 
<input type="button" onclick="m3.start();" value="m3.start"></input> 
<button onclick="m4.stop();">m4.stop</button> 
<button onclick="m4.start();">m4.start</button>

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 다음 페이지의 다른 관련 기사에 주목하세요. php 중국어 사이트!

관련 읽기:

Div의 테두리 및 투명도 스타일을 설정하는 방법

HTML의 메타 뷰포트 속성을 사용하는 방법

태그의 기본 스타일을 작동하는 방법

페이지 검색 엔진에서 호출하는 방법

양식의 기본 제출 방법을 수정하는 방법

위 내용은 선택 윤곽 요소를 사용하여 글꼴 및 그림 스크롤 효과를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!