이 글에서는 스크롤 텍스트를 생성하는 HTML 코드를 주로 소개합니다. 이제 이를 여러분과 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.
이 섹션에서는 HTML의 특수 태그에 대해 설명합니다. 웹 페이지를 만들 수 있는 코드입니다. 텍스트의 텍스트가 스크롤되고 스크롤 속성이 제어될 수 있습니다.
스크롤 텍스트 만들기 본 장의 선행연구를 통해 독자들은 다양한 단락 텍스트의 표시 방식을 잘 제어할 수 있었지만, 어떻게 설정하더라도 텍스트는 정적이다.
이 섹션에서 저자는 웹 페이지의 텍스트를 스크롤하고 스크롤 속성을 제어할 수 있는 HTML 코드의 특수 태그에 대해 설명합니다.
스크롤 텍스트 만들기
이 장의 이전 연구를 통해 독자들은 다양한 단락 텍스트의 표시 방법을 잘 제어할 수 있었지만 어떻게 설정하더라도 텍스트는 정적입니다. 이 섹션에서 저자는 웹 페이지의 텍스트를 스크롤하고 스크롤 속성을 제어할 수 있는 HTML 코드의 특수 태그에 대해 설명합니다.
4.3.1 텍스트 스크롤 설정
HTML 기술에서 텍스트를 스크롤하는 방법은 이중 태그 ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b를 사용하는 것입니다. HTML 코드에서는 범위의 텍스트를 스크롤할 수 있습니다. 기본값은 오른쪽에서 왼쪽으로 순환 스크롤입니다. D:web 디렉터리에 웹 페이지 파일을 만들고 이름을 mar.htm으로 지정한 다음 코드 4.15와 같이 코드를 작성합니다.
Code 4.15 텍스트 스크롤 설정: mar.htm
<html> <head> <title>文字滚动的设置</title> </head> <body> <font size="5" color="#cc0000"> 文字滚动示例(默认):<marquee>做人要厚道</marquee> </font> </body> </html>
브라우저 주소 표시줄에 http://localhost/mar.htm을 입력하면 그림 4.15와 같은 브라우징 효과가 나타납니다.
그림 4.15 텍스트 스크롤의 기본 형식 설정
그림 4.15에서 너비가 설정되지 않은 경우 ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b 레이블이 독점 라인을 차지합니다.
4.3.2 텍스트 스크롤 방향 설정
ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b 태그의 방향 속성은 콘텐츠 스크롤 방향을 설정하는 데 사용됩니다. 속성 값은 왼쪽, 오른쪽, 위쪽입니다. 및 down은 각각 왼쪽과 오른쪽을 나타냅니다. 예를 들어 다음 코드는
5df5b1e0f494e30d597fe5c4c9a2c6a6친절하고 친절하세요7204e33a7a23f6efcc788532e245c31b
<html> <head> <title>文字滚动的设置</title> </head> <body> <font size="3" color="#cc0000"> 文字滚动示例(默认):<marquee>做人要厚道</marquee> 文字滚动示例(向右):<marquee direction="right" scrolldelay="500">做人要厚道</marquee> 文字滚动示例(向下,滚动方式为slide,速度为10):<marquee scrollamount="10" behavior="slide">做人要厚道</marquee> 文字滚动示例(默认方向,滚动方式为alternate,循环3次,速度为2):<marquee scrollamount="2" behavior="alternate" loop="3">做人要厚道</marquee> 文字滚动示例(向上,背景色为#CCFF66,设置了背景宽度和高度):<marquee direction="up" bgcolor="#CCFF66" width="250" height="55">做人要厚道</marquee> </font> </body> </html>
브라우저 주소 표시줄에 http://localhost/mar.htm을 입력하면 그림 4.16과 같은 브라우징 효과가 나타납니다.
그림 4.16 텍스트 스크롤의 다양한 형태
ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b의 다양한 속성은 다음 JavaScript 학습에서 텍스트 스크롤을 매우 편리하게 만들 수 있습니다. 태그의 동적 행동 학습.
관련 권장 사항:
위 내용은 스크롤 텍스트를 생성하는 HTML 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!