html marquee 태그에서 이미지 스크롤을 설정하는 방법은 무엇입니까? 움직이는 태그에 대한 이미지 스크롤 코드 예

이 글에서는 주로 html marquee 태그의 속성과 marquee 태그의 이미지 스크롤 사용 예를 소개합니다. 더 많은 실험을 해보면 더 나은 효과를 얻을 수 있습니다. 이 글을 함께 읽어봅시다

이미지 스크롤을 설정하려면 먼저 여러 HTML 선택 윤곽 태그의 속성을 이해해야 합니다.

#🎜 🎜##🎜🎜 #

innerHTML: 개체의 시작 및 끝 태그 내에 있는 HTML을 설정하거나 가져옵니다.
scrollHeight: 개체의 스크롤 높이를 가져옵니다.
scrollLeft: 개체의 왼쪽 가장자리와 창에 현재 표시되는 콘텐츠의 가장 왼쪽 끝 사이의 거리를 설정하거나 가져옵니다.
scrollTop: 개체 상단과 창에 표시되는 콘텐츠 상단 사이의 거리를 설정하거나 가져옵니다.
scrollWidth: 가져오기 객체의 스크롤 너비#🎜 🎜#

• offsetHeight: 레이아웃 또는 상위 좌표 offsetParent 속성에 의해 지정된 상위 좌표를 기준으로 객체의 높이를 가져옵니다.
# 🎜🎜#

• offsetLeft : offsetParent 속성

• 에 의해 지정된 레이아웃 또는 상위 좌표를 기준으로 객체의 계산된 왼쪽 위치를 가져옵니다. offsetTop: 레이아웃을 기준으로 하거나 offsetTop 속성으로 지정된 개체의 상위 좌표를 가져옵니다. 계산된 상단 위치

• offsetWidth: 레이아웃을 기준으로 개체의 너비를 가져옵니다. 상위 좌표 offsetParent 속성으로 지정된 상위 좌표

#🎜🎜 #

• 이것을 파악한 후 스크롤 예를 살펴보겠습니다.

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
　需要滚动的文字
　需要滚动的文字
　也可以程序代码
<img  src="/static/imghw/default1.png"  data-src="https://img.php.cn/upload/course/000/126/153/5aa23f0ded921649.jpg"  class="lazy"   alt="html marquee 태그에서 이미지 스크롤을 설정하는 방법은 무엇입니까? 움직이는 태그에 대한 이미지 스크롤 코드 예" >
　</marquee >

위의 사진을 삽입했는데 효과가 역동적입니다. 스크린샷이 예쁘지는 않지만 사진과 같이 살펴봐야 합니다.

끊임없는 스크롤입니다. 원리를 이해하기 전에 내부의 특성을 이해해야 합니다. 사실 어렵지 않아요,

html marquee 태그 사진 스크롤 설명:

1.2.onMouseOut="this.start()": 마우스가 스크롤을 계속하도록 설정하는 데 사용됩니다. 영역 밖으로 이동

onMouseOver="this.stop()": 마우스가 이 영역으로 이동할 때 스크롤을 중지하도록 설정하는 데 사용됩니다

html marquee 태그의 이미지 스크롤 코드는 다음과 같습니다: # 🎜🎜#

<marquee align="absbottom">align="absbottom"：绝对底部对齐（与g、p等字母的最下端对齐）。 </marquee>
<marquee align="absmiddle">align="absmiddle"： 绝对中央对齐。 </marquee>
<marquee align="baseline">align="baseline"： 底线对齐。 </marquee>
<marquee align="bottom">align="bottom"： 底部对齐（默认）。 </marquee>
<marquee align="left">align="left"： 左对齐。 </marquee>
<marquee align="middle">align="middle"： 中间对齐。 </marquee>
<marquee align="right">align="right"： 右对齐。 </marquee>
<marquee align="texttop">align="texttop"： 顶线对齐。 </marquee>
<marquee align="top">align="top"： 顶部对齐。 </marquee>

behavior: 스크롤 방법 설정 #🎜 🎜#

alternate: 양쪽 끝 사이에 표시됨 앞뒤로 스크롤하세요.

• scroll: 한쪽 끝에서 다른 쪽 끝으로 스크롤하는 것을 의미하며 반복됩니다.

• slide: 반복 없이 한쪽 끝에서 다른 쪽 끝으로 스크롤하는 것을 의미합니다.
html 움직이는 라벨 이미지 스크롤 코드는 다음과 같습니다.

• <marquee behavior="alternate">alternate：表示在两端之间来回滚动。 </marquee>
  <marquee behavior="scroll">scroll：表示由一端滚动到另一端，会重复。</marquee>
  <marquee behavior="slide">slide：  表示由一端滚动到另一端，不会重复。</marquee>

  bgcolor: 활성 배경을 설정합니다. 자막 색상, 배경색은 RGB, 16진수 값 형식 또는 색상 이름으로 설정할 수 있습니다.

html 움직이는 태그의 장점:

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

마키 태그를 사용하면 텍스트 이동뿐만 아니라 그림, 표 등의 이동도 가능합니다.

【에디터 추천】

# 🎜🎜#html 글꼴 색상을 설정하는 방법은 무엇입니까? CSS에서 글꼴 색상을 설정하는 방법 소개

html 태그 색상을 설정하는 방법은 무엇인가요? 하이퍼링크 색상 설정 요약(CSS 스타일)

위 내용은 html marquee 태그에서 이미지 스크롤을 설정하는 방법은 무엇입니까? 움직이는 태그에 대한 이미지 스크롤 코드 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!