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

HTML의 marquee 속성을 능숙하게 사용하여 춤추는 텍스트 구현

PHP中文网
풀어 주다： 2017-03-17 15:08:49
원래의
2573명이 탐색했습니다.

구문: …
모바일 속성 marquee를 사용하면 텍스트를 춤추는 것뿐만 아니라 그림, 테이블 등에 적용할 수도 있습니다.
PHP 중국어 웹사이트에 오신 것을 환영합니다!
direction=왼쪽, 방향을 나타냅니다. 위의 텍스트 효과는 "Kexun 청소년 학습 채널에 오신 것을 환영합니다!"입니다. 오른쪽에서 왼쪽으로 이동하세요! 또한 방향에는 오른쪽, 위, 아래가 포함됩니다.
방향 외에도 다른 제한 요소를 추가할 수 있습니다.
이동 방법:
루프 이동: loop=n(n, 횟수를 나타냄) 원으로 이동: 행동=스크롤 한 번만 이동: 행동=슬라이드 앞뒤로 이동: 행동=대체
모양, 글꼴 크기 : <글꼴 size=n>(n, 변수) 정렬: 정렬=상단/중간/하단 배경 색상: bgcolor=Blue(미리 정의된 색상: 검정, 올리브, 청록, 빨강, 파랑, 적갈색, 네이비, 그레이, 라임, 퓨샤, 화이트, 그린, 퍼플, 실버, 옐로우, 아쿠아 또는 16진수)
기타: 속도: scrollamount=n (n, 변수) 지연: scrolldelay ==n (n, 변수)
"
onmouseover는 마우스가 움직이는 영역에 놓일 때 움직임을 일시 중지하도록 설정합니다.
onmouseout은 마우스가 떠날 때 계속 스크롤합니다

마키 코드를 사용하여 텍스트 스크롤 및 이미지 스크롤 구현

오늘 TAP에서 텍스트 스크롤 설정을 봤는데 이전에는 지원되지 않았던 것 같아요! 한 번도 사용해본 적이 없는 효과를 보여드리겠습니다!
다음 코드 설명은 TAP
marquee 매개변수로 알려진 위아래 스크롤 텍스트 게시판에서 가져온 것입니다.
BGColor: 배경색입니다. 스크롤 텍스트 상자 >방향: 스크롤 방향을 왼쪽, 오른쪽, 위쪽 및 아래쪽으로 선택할 수 있습니다.
스크롤 지연: 스크롤 간격이 클수록 스크롤 양이 느려집니다. : 한 스크롤의 총 시간이 작을수록 스크롤 속도가 느려집니다.
동작: 스크롤 모드 설정, 세 가지 값: 스크롤(순환 스크롤), 대체(앞뒤 스크롤): 선택적 텍스트 정렬 설정. (가운데), 아래쪽(가운데) 또는 위쪽(가운데)
너비: 스크롤 텍스트 상자의 너비, 값을 입력하고 픽셀(픽셀 단위) 또는 백분율(
높이: 스크롤 텍스트 상자의 높이) 스크롤 텍스트 상자에 값을 입력하고 픽셀(픽셀 기준) 또는 백분율(백분율 기준) 단위로 선택합니다. 무한
hspace, vspace: 앞뒤, 상단과 하단에 빈 줄이 있습니다. 데모는 제 게시판 데모입니다. 마음에 드시면 코드를 복사해서 위의 코드 설명에 삽입해 주세요.
효과 1: 텍스트가 위로 스크롤됩니다


효과 2: 텍스트가 왼쪽으로 스크롤됩니다
[공지] 일부 튜토리얼은 Tap의 원본입니다. 재인쇄할 때 출처를 표시해 주세요! Marquee의 상세한 사용 분석

관련 라벨：
marquee属性
원천：php.cn
이전 기사：양식 체크박스 및 라디오 텍스트 정렬 코드_HTML/Xhtml_웹페이지 제작 다음 기사：웹디자인의 키워드 디자인 방법 소개_HTML/Xhtml_웹페이지 제작
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까? 한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽...
에서 2024-04-06 20:45:26
0
2
386
MySQL SQL 쿼리를 사용하여 다른 테이블의 필드 합계를 계산합니다. 다음과 같은 스키마가 있습니다. "user_id" 및 "username" 속성이 있는 사용자 테이블과 "custome...
에서 2024-04-06 19:39:29
0
1
441
사이트에 CSS 스타일이 적용되지 않음 Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경...
에서 2024-04-06 17:12:23
0
1
336
JSON 중첩 배열 속성 "project_id" 및 "project_name"을 변경하는 방법 问题：[{"project_id":1,"project_name":"CDP","role":&q...
에서 2024-04-06 15:39:51
0
1
466
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！