marquee 태그 활용법 정보
HTML marquee 태그 활용법본문
마퀴(marquee) 태그
<font color=#990099><marquee direction="right">오른쪽으로 가자...</marquee> </font>
<marquee direction="right">오른쪽으로 가자... </marquee>
<font color=#990099><marquee direction="left">왼쪽으로 가자...</marquee> </font>
<marquee direction="left">왼쪽으로 가자...</marquee>
'direction'은 글이 움직이는 방향이에요. 방향을 정해주지 않았을 땐 좌측으로 움직입니다.
<font color=#990099><marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!!</marquee> </font>
<marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!! </marquee>
'behavior="alternate'는 '왔다갔다' ^^ 인데요,
방향을 정해주지 않았을 땐 좌측으로 움직이게 되어 있기 때문에 좌우로 왔다갔다 하는 거예요.
<font color=#990099><marquee direction="up" scrollamount="30">빨리 Up!</marquee> </font>
<marquee direction="up" scrollamout="30">빨리 Up! </marquee>
'scrollamount'는 움직이는 속도 입니다.
속도를 정해주지 않았을 땐 값이 "1"인 속도로 움직이고요, 수가 클 수록 빠르게 움직입니다.
<font color=#990099><marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~</marquee> </font>
<marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~ </marquee>
<font color=#990099><marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee> </font>
<marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee>
여기서는 'alternate'와 함께 방향을 'up'으로 했기 때문에 위아래로 반복해서 움직이는 거예요.
<font color=#990099><marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로.</marquee> </font>
<marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로</marquee>
<font color=#990099><marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터
<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee> </font>
<marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee>
<font color=#990099><marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee> </font>
<marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee>
<font color=#990099><marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee> </font>
<marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee>
<font color=#990099>이미지를 넣어 움직이게 하고 싶을 땐,
<marquee><img src="이미지의 주소"></marquee> </font>
<font color=#990099>글을 움직이게 하고 싶을 땐,
<marquee><font color="000000" size="2" face="굴림"> 내용 </font></marquee> </font>
▒ direction="방향" // left, right, up, down
▒ scrollamount="스크롤의 속도"
▒ loop="반복횟수" // 무한 반복은 "infinite"
▒ behavior="slide" // 반복 후에 화면 끝에서 정지
▒ behavior="alternate" // 반복하기
▒ scrolldelay="스크롤 지연값"
▒ bgcolor="스크롤 영역의 배경색"
▒ width="스크롤 영역의 넓이"
▒ height="스크롤 영역의 높이"<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
<font color=#990099><marquee direction="right">오른쪽으로 가자...</marquee> </font>
<marquee direction="right">오른쪽으로 가자... </marquee>
<font color=#990099><marquee direction="left">왼쪽으로 가자...</marquee> </font>
<marquee direction="left">왼쪽으로 가자...</marquee>
'direction'은 글이 움직이는 방향이에요. 방향을 정해주지 않았을 땐 좌측으로 움직입니다.
<font color=#990099><marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!!</marquee> </font>
<marquee behavior="alternate" scrollamount="50">어느쪽으로 가라구~우 ㅡㅡ^?!! </marquee>
'behavior="alternate'는 '왔다갔다' ^^ 인데요,
방향을 정해주지 않았을 땐 좌측으로 움직이게 되어 있기 때문에 좌우로 왔다갔다 하는 거예요.
<font color=#990099><marquee direction="up" scrollamount="30">빨리 Up!</marquee> </font>
<marquee direction="up" scrollamout="30">빨리 Up! </marquee>
'scrollamount'는 움직이는 속도 입니다.
속도를 정해주지 않았을 땐 값이 "1"인 속도로 움직이고요, 수가 클 수록 빠르게 움직입니다.
<font color=#990099><marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~</marquee> </font>
<marquee behavior="alternate" direction="up" height="80">~업 다운~ 업 다운~ </marquee>
<font color=#990099><marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee> </font>
<marquee direction="down" scrollamount="10">추락의 끝은 어디...</marquee>
여기서는 'alternate'와 함께 방향을 'up'으로 했기 때문에 위아래로 반복해서 움직이는 거예요.
<font color=#990099><marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로.</marquee> </font>
<marquee>젤<ul>위<ul>에<ul>있<ul>는<ul>것<ul>부<ul>터<ul>왼<ul>쪽<ul>으<ul>로</marquee>
<font color=#990099><marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터
<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee> </font>
<marquee direction=up>왼<ul>쪽<ul>것<ul>부<ul>터<ul>차<ul>례<ul>로<ul>U<ul>p...</marquee>
<font color=#990099><marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee> </font>
<marquee behavior="alternate" scrollamount="1000">★좌에서 깜빡 우에서 깜빡★</marquee>
<font color=#990099><marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee> </font>
<marquee width="300" height="50" bgcolor="ffffee" style="color:orange">
내용이 움직이는 범위하구 바탕색 넣기예요~*</marquee>
<font color=#990099>이미지를 넣어 움직이게 하고 싶을 땐,
<marquee><img src="이미지의 주소"></marquee> </font>
<font color=#990099>글을 움직이게 하고 싶을 땐,
<marquee><font color="000000" size="2" face="굴림"> 내용 </font></marquee> </font>
▒ direction="방향" // left, right, up, down
▒ scrollamount="스크롤의 속도"
▒ loop="반복횟수" // 무한 반복은 "infinite"
▒ behavior="slide" // 반복 후에 화면 끝에서 정지
▒ behavior="alternate" // 반복하기
▒ scrolldelay="스크롤 지연값"
▒ bgcolor="스크롤 영역의 배경색"
▒ width="스크롤 영역의 넓이"
▒ height="스크롤 영역의 높이"<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
추천
0
0
댓글 2개
감사합니다 좋은정보네요 ㅋ
간 만에 마퀴태그를 보니 반갑네요^^