>  기사  >  웹 프론트엔드  >  초보자는 오래된 지식을 배웁니다. (2) HTML 활성 자막을 사용하여 Mar를 표시합니다.

초보자는 오래된 지식을 배웁니다. (2) HTML 활성 자막을 사용하여 Mar를 표시합니다.

黄舟
黄舟원래의
2016-12-26 15:11:211823검색

롤링 보드 및 롤링 자막이라고도 하는 활성 자막입니다. 활성 자막을 사용하면 전체 웹 페이지가 더욱 역동적이고 생생하게 만들어집니다. 웹페이지의 상호작용성을 향상시키기 위해 오늘날의 웹사이트에서는 활성 자막이 점점 더 많이 사용되고 있습니다. Javascript 프로그래밍을 사용하여 활성 자막 효과를 얻을 수 있으며 Dreamweaver의 레이어와 타임라인 기능을 사용하여 매우 아름다운 스크롤 보드를 만들 수 있습니다. HTML 활성 자막 태그를 사용하면 최소한의 코드가 필요하며 실제로 더 짧은 다운로드 시간으로 더 나은 결과를 얻을 수 있습니다. 이 태그의 구문 형식은 다음과 같습니다.


aligh=left|center|right|top|bottom
bgcolor=#n
방향=왼쪽|오른쪽|위|아래
동작=유형
높이=n
hspace=n
scrollamount=n
Scrolldelay=n
너비=n
VSpace=n
loop=n>

활성 자막의 다양한 표시 방식으로 인해 선택적인 매개변수도 많이 있음을 알 수 있습니다. 다음은 각 매개변수의 의미를 설명합니다.

Align: 활성 자막의 위치를 ​​설정하지만 왼쪽, 가운데, 오른쪽 세 위치 외에 위쪽(align=top)도 추가합니다. 하단( align=bottom) 두 위치.

Bgcolor: 활성 자막의 배경색을 설정하는 데 사용되며 일반적으로 16진수입니다.

방향: 활성 자막의 스크롤 방향을 왼쪽, 오른쪽, 위, 아래로 설정하는 데 사용됩니다.

동작: 스크롤 방법을 설정하는 데 사용됩니다. 세 가지 주요 방법이 있습니다. 그리고 반복되지 않습니다. Behavior="alternate"는 두 끝 사이를 앞뒤로 스크롤하는 것을 의미합니다.

높이: 롤링 자막의 높이를 설정하는 데 사용됩니다.

너비: 롤링 자막의 너비를 설정합니다.

Hspace 및 vspace: 롤링 자막의 왼쪽 및 오른쪽 테두리와 위쪽 및 아래쪽 테두리의 너비를 각각 설정하는 데 사용됩니다.

Scrollamount: 활성 자막의 스크롤 거리를 설정하는 데 사용됩니다.

Scrolldelay: 두 번 스크롤하는 사이의 지연 시간을 설정하는 데 사용됩니다.

루프: 스크롤 횟수를 설정하는 데 사용됩니다. loop=-1인 경우 페이지가 업데이트될 때까지 스크롤하는 것을 의미합니다.

태그의 기본값은 왼쪽으로 무한번 스크롤되며, 자막 높이는 텍스트 높이, 스크롤 범위: 가로 스크롤 너비는 현재 위치의 너비입니다. ; 수직 스크롤의 높이는 현재 위치입니다.


응용팁

1. 기본값을 모두 취하고 최소한의 코드를 사용하세요

이것. 롤링 자막은 모두 기본값, 소스 코드:

여기에 자막 내용을 작성하세요

, 코드가 매우 작나요?

2. 세로 스크롤

여기에 자막 내용을 작성하세요

와 같이 dirction="up"만 추가하면 됩니다.

3. 여러 줄 텍스트에 대한 활성 자막

표시는 텍스트 섹션에만 적용할 수 있으므로 여러 줄 활성 자막은 분기할 때
로만 표시할 수 있습니다.

태그가 아닌 줄입니다.

샘플 소스 코드:


활성 자막 콘텐츠의 첫 번째 줄

활성 자막 콘텐츠의 두 번째 줄

Activity 자막 내용의 세 번째 줄

4. 자막 내용에 이미지 추가

은 활성 자막 태그이지만 허용됩니다. 그 안에 이미지를 추가하세요. 다음은 이미지를 추가하는 코드입니다. 이미지를 추가하는 코드입니다

위는 초보자가 익히기 위한 오래된 지식입니다. (2) HTML은 활성 자막을 사용하여 mar 콘텐츠를 표시합니다. PHP 중국어 웹사이트(www.php.cn)에 주목하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.