HTML의 marquee 속성을 능숙하게 사용하여 춤추는 텍스트 구현
구문:
모바일 속성 marquee를 사용하면 텍스트를 춤추는 것뿐만 아니라 그림, 테이블 등에 적용할 수도 있습니다.
direction=왼쪽, 방향을 나타냅니다. 위의 텍스트 효과는 "Kexun 청소년 학습 채널에 오신 것을 환영합니다!"입니다. 오른쪽에서 왼쪽으로 이동하세요! 또한 방향에는 오른쪽, 위, 아래가 포함됩니다.
방향 외에도 다른 제한 요소를 추가할 수 있습니다.
이동 방법:
루프 이동: loop=n(n, 횟수를 나타냄) 원으로 이동: 행동=스크롤 한 번만 이동: 행동=슬라이드 앞뒤로 이동: 행동=대체
모양, 글꼴 크기 : <글꼴
size=n>(n, 변수) 정렬: 정렬=상단/중간/하단
배경 색상: bgcolor=Blue(미리 정의된 색상: 검정, 올리브, 청록, 빨강, 파랑, 적갈색,
네이비, 그레이, 라임, 퓨샤, 화이트, 그린, 퍼플, 실버, 옐로우, 아쿠아 또는 16진수)
기타: 속도: scrollamount=n (n, 변수) 지연: scrolldelay ==n (n, 변수)
마키 코드를 사용하여 텍스트 스크롤 및 이미지 스크롤 구현
오늘 TAP에서 텍스트 스크롤 설정을 봤는데 이전에는 지원되지 않았던 것 같아요! 한 번도 사용해본 적이 없는 효과를 보여드리겠습니다!
다음 코드 설명은 TAP
marquee 매개변수로 알려진 위아래 스크롤 텍스트 게시판에서 가져온 것입니다.
BGColor: 배경색입니다. 스크롤 텍스트 상자 >방향: 스크롤 방향을 왼쪽, 오른쪽, 위쪽 및 아래쪽으로 선택할 수 있습니다.
스크롤 지연: 스크롤 간격이 클수록 스크롤 양이 느려집니다. : 한 스크롤의 총 시간이 작을수록 스크롤 속도가 느려집니다.
동작: 스크롤 모드 설정, 세 가지 값: 스크롤(순환 스크롤), 대체(앞뒤 스크롤): 선택적 텍스트 정렬 설정. (가운데), 아래쪽(가운데) 또는 위쪽(가운데)
너비: 스크롤 텍스트 상자의 너비, 값을 입력하고 픽셀(픽셀 단위) 또는 백분율(
높이: 스크롤 텍스트 상자의 높이) 스크롤 텍스트 상자에 값을 입력하고 픽셀(픽셀 기준) 또는 백분율(백분율 기준) 단위로 선택합니다. 무한
hspace, vspace: 앞뒤, 상단과 하단에 빈 줄이 있습니다. 데모는 제 게시판 데모입니다. 마음에 드시면 코드를 복사해서 위의 코드 설명에 삽입해 주세요.
효과 1: 텍스트가 위로 스크롤됩니다
효과 2: 텍스트가 왼쪽으로 스크롤됩니다
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7370
15
1628
14
1355
52
1266
25
1215
29
& lt; datalist & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:33 PM
이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159
HTML5 양식 유효성 검사 속성을 사용하여 사용자 입력을 유효성있게하려면 어떻게합니까?
Mar 17, 2025 pm 12:27 PM
이 기사에서는 브라우저에서 직접 사용자 입력을 검증하기 위해 필요한, Pattern, Min, Max 및 Length 한계와 같은 HTML5 양식 검증 속성을 사용하는 것에 대해 설명합니다.
& lt; Progress & Gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:34 PM
이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우
& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까?
Mar 20, 2025 pm 06:05 PM
이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.
& lt; meter & gt의 목적은 무엇입니까? 요소?
Mar 21, 2025 pm 12:35 PM
이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex
HTML5의 크로스 브라우저 호환성에 대한 모범 사례는 무엇입니까?
Mar 17, 2025 pm 12:20 PM
기사는 HTML5 크로스 브라우저 호환성을 보장하기위한 모범 사례에 대해 논의하고 기능 감지, 점진적 향상 및 테스트 방법에 중점을 둡니다.
html5 & lt; time & gt; 의미 적으로 날짜와 시간을 나타내는 요소?
Mar 12, 2025 pm 04:05 PM
이 기사는 html5 & lt; time & gt; 시맨틱 날짜/시간 표현 요소. 인간이 읽을 수있는 텍스트와 함께 기계 가독성 (ISO 8601 형식)에 대한 DateTime 속성의 중요성을 강조하여 Accessibilit를 향상시킵니다.
뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까?
Mar 20, 2025 pm 05:56 PM
이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.
