HTML의 marquee 속성을 능숙하게 사용하여 춤추는 텍스트 구현
- PHP中文网원래의
- 2017-03-17 15:08:492573검색
구문:
모바일 속성 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: 텍스트가 왼쪽으로 스크롤됩니다