움직이는 글자

정보화 교실/컴퓨터

움직이는 글자

풍월 사선암 2010. 7. 31. 14:38

▒요약
<marquee> 태그
글자를 움직여 보자!! '마퀴' 태그는 글자를 이리저리 다양하게 움직이게합니다.
다양한 활요은 다음장에 하나하나 차례로 배워봅니다.
일단, 기본 '마퀴' 태그를 이용해 움직임을 알아보세요.

■ 소스 ■
<html>
<head>
<title>움직이는 글자</title>
</head>
<body>
<marquee> 사랑해 </marquee>
</body>
</html>

▒요약
<marquee> 태그 활용
글자를 맘데로 움직여 보자!!
'마퀴' 태그에 아래 두 명령을 삽입시켜, 글자를 자유롭게 움직이게합니다.
direction
behavior!=alternate
다양한 활용입니다. 실습을 통해 움직임을 알아보세요.

■ 소스 ■
<marquee direction="left">왼쪽으로</marquee>
<marquee direction="right">오른쪽으로</marquee>
<marquee direction="up">위로</marquee>
<marquee direction="down">아래로</marquee>
<marquee behavior!=alternate>좌우로 왕복</marquee>
<marquee behavior!=alternate direction=up>상하로 왕복</marquee>
<marquee direction=up behavior!=alternate><marquee behavior!=alternate>

지그재그</marquee></marquee>

▒요약
<marquee> 태그 활용 2
이리저리 움직이는 글자를 빠르게, 느리게, 짧게 넓게....맘데로 움직여 보자!!
'마퀴' 태그에 아래 4개 명령을 삽입시켜, 글자를 자유롭게 움직이게합니다.
scrollamount
loop
width
height
다양한 활용입니다. 실습을 통해 움직임을 알아보세요.

■ 소스 ■
<marquee scrollamount="3"> 3 속도로 움직이기 </marquee>
<marquee loop=2> 2번만 움직이기 </marquee>
<marquee width=20> 가로 20안에서 움직이기</marquee>
<marquee direction='up' height=90> 세로 90안에서 움직이기</marquee>

▒요약
<marquee> 태그 다양한 실전 응용
앞서 배운 각종 명령 속성을 합하면??? 다양복잡현란!!!
'마퀴' 태그에 앞서배운 명령을 합쳐 사용하면, 글자에 다양한 효과와 표현을 줄 수 있습니다.
direction
behavior!=alternate + width + loop
scrollamount + loop
width + scrollamount
height + behavior!=alternate
.
.
.
다양한 활용입니다. 실습을 통해 움직임을 알아보세요.

■ 소스 ■
<marquee behavior!=alternate width=35>(*^.^*)</marquee>
<marquee direction="right" scrollamount="1"> (ㅠㅠ)</marquee>
<marquee width=500 scrollamount=300>(^___^)/</marquee>
<marquee direction=up>컴<ul>으<ul>로<ul>허<ul>자<ul>허<ul>자<ul></marquee>
<marquee>허 자 허 자</marquee>
<marquee bgcolor=black>허자허자</marquee>

저작자표시 비영리 변경금지

'정보화 교실 > 컴퓨터' 카테고리의 다른 글

컬러 색상표 (0)	2010.07.31
문장 문서 꾸미기 (0)	2010.07.31
태그(Tag) (0)	2010.07.31
HTML (0)	2010.07.31
태그(Tag) 연습 (0)	2010.07.31

현재글움직이는 글자

사선암의 窓