简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

HTML 텍스트를 왼쪽 및 오른쪽으로 이동
不言
풀어 주다： 2018-04-21 15:36:50
원래의
6303명이 탐색했습니다.

이 글에서는 특정 참조 값을 갖는 HTML 텍스트 의 좌우 이동을 소개합니다. 이제 모든 사람과 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다

HTML marquee 요소(< marquee> ;) 스크롤 텍스트를 삽입하는 데 사용됩니다. 해당 속성을 사용하여 텍스트가 컨테이너 가장자리에 도달할 때 발생하는 상황을 제어할 수 있습니다.
동작:
선택 윤곽 요소 내에서 텍스트가 스크롤되는 방식을 설정합니다. 선택적 값은 스크롤(연속 스크롤), 슬라이드(한 번 슬라이드) 및 대체(왕복 스크롤)입니다. 값을 지정하지 않으면 기본값은 스크롤입니다.
bgcolor:
색상 이름 또는 16진수 값으로 배경 색상을 설정합니다.
방향:
선택 윤곽에서 텍스트 스크롤 방향을 설정합니다. 선택적 값은 왼쪽, 오른쪽, 위, 아래입니다. 값을 지정하지 않으면 기본값이 그대로 유지됩니다.
loop:
선택 윤곽이 스크롤되는 횟수를 설정합니다. 값이 지정되지 않은 경우 기본값은 −1이며, 이는 선택 윤곽이 계속해서 스크롤됨을 나타냅니다. >                               계속 스크롤됩니다. 기본값은 6입니다.
scrolldelay:
각 스크롤의 시간 간격(밀리초 단위)을 설정합니다. 기본값은 85입니다. Truespeed 값을 지정하지 않으면 60보다 작은 값은 무시되고 대신 60이 사용됩니다.
truespeed:
기본적으로 60 미만의 스크롤 지연 값은 무시됩니다. truespeed가 존재하는 경우 해당 값은 무시되지 않습니다.
vspace,hspace:
모션 영역 경계의 가로 및 세로 거리를 나타내며 세로 여백을 픽셀 또는 백분율 값으로 설정합니다.
width,height:
모션 영역의 너비와 높이를 나타내며 높이를 픽셀 또는 백분율 값으로 설정합니다.
align:
값은 위쪽, 중간, 아래쪽일 수 있습니다. 기본값은 중간입니다.
onmouseover=this.stop() onmouseout=this.start()는 마우스가 해당 영역 위에 있을 때 마우스를 멀리 이동하면 스크롤을 중지하고 계속합니다.

코드:

ea4067dfc726b33c36066ab5efd693a6

스크롤 내용 추가



관련 추천:

HTML은 배경 이미지 교체를 실현합니다

위 내용은 HTML 텍스트를 왼쪽 및 오른쪽으로 이동 의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
html 移动
원천：php.cn
이전 기사：html 테이블 테두리 스타일 설정 다음 기사：html 이미지 태그 META 태그 인라인 프레임 하이퍼링크
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PHP에서 VueJS 구성 요소 활용 VueJS를 사용하지 않고도 Php 및 VueJS 구성 요소에서 생성된 기본 HTML을 가장 낮은 dom 리프까지 혼합하고 싶습니다. 상위 레이아웃에는 Vue 애...
에서 2023-11-11 00:01:44
0
2
288
다음 js 13에서 개방형 기본 태그를 사용하는 방법은 무엇입니까? 최근 NextJS13 업데이트에서는 NextHead를 생성하고 일반적인 html 메타 태그를 작성하는 기존 방법과 다른 메타 태그를 처리하는 새로운 방법을 도입했...
에서 2023-11-10 23:03:51
0
1
527
PHP 메일러가 작동하지 않습니다: 오류 로그가 없으며 메시지가 전송되었지만 수신되지 않았다고 표시됩니다. 내 웹서버의 PHP 오류 로그에 어떤 오류 로그도 수신되지 않습니다. 저는 여러 가지 다른 SMTP 서버를 사용해 보았습니다(제가 아는 다른 이메일 제공업체도 작...
에서 2023-11-10 15:02:39
0
1
218
월과 연도만 선택하는 v-date-picker v-date-picker를 사용하여 이 작업을 수행할 수 있는 다른 방법이 있는지 알려주십시오. 사용자가 연도와 월을 선택할 수 있게 하고 날짜 선택 메뉴를 닫아...
에서 2023-11-10 14:05:05
0
1
269
다시 작성된 제목은 다음과 같습니다. SweetAlert2: "onBeforeOpen" 매개변수를 알 수 없습니다. 저는 Sweetalertv2와 함께 Laravel5.8을 사용하고 있으며 다음을 사용하여 Blade에서 이 경고를 트리거하려고 합니다: Swal.fire({tit...
에서 2023-11-10 09:39:01
0
1
257
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！