이전글 목록 다음글
나

marquee 태그 활용법

나두
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 2964 · 2
마퀴(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>
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
|

댓글 2개

박박대성
프로필 보기이 회원 글보기이 회원의 댓글보기
 19년 전
감사합니다 좋은정보네요 ㅋ
ttakumi22
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
간 만에 마퀴태그를 보니 반갑네요^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
18년 전 조회 1,744
18년 전 조회 1,859
18년 전 조회 1,864
18년 전 조회 2,506
18년 전 조회 3,522
18년 전 조회 5,994
18년 전 조회 3,889
18년 전 조회 3,084
18년 전 조회 2,153
18년 전 조회 2,427
18년 전 조회 2,211
18년 전 조회 2,327
18년 전 조회 2,426
18년 전 조회 2,869
18년 전 조회 2,565
18년 전 조회 2,021
18년 전 조회 3,149
18년 전 조회 3,608
18년 전 조회 3,857
18년 전 조회 3,357
18년 전 조회 3,402
18년 전 조회 2,592
18년 전 조회 2,486
18년 전 조회 2,475
18년 전 조회 2,344
18년 전 조회 2,579
18년 전 조회 3,879
18년 전 조회 3,676
19년 전 조회 2,108
19년 전 조회 2,036
19년 전 조회 1,580
19년 전 조회 3,907
19년 전 조회 5,912
19년 전 조회 7,011
19년 전 조회 2,496
19년 전 조회 2,738
19년 전 조회 4,195
19년 전 조회 2,201
19년 전 조회 3,645
19년 전 조회 2,903
19년 전 조회 2,758
19년 전 조회 2,221
19년 전 조회 2,493
19년 전 조회 2,614
19년 전 조회 3,111
19년 전 조회 3,763
19년 전 조회 3,296
19년 전 조회 2,803
19년 전 조회 2,301
19년 전 조회 2,965
19년 전 조회 3,060
19년 전 조회 2,569
19년 전 조회 2,327
19년 전 조회 3,356
19년 전 조회 4,879
19년 전 조회 5,092
19년 전 조회 2,311
19년 전 조회 2,208
19년 전 조회 5,019
19년 전 조회 8,983
19년 전 조회 2,072
19년 전 조회 4,949
19년 전 조회 4,390
19년 전 조회 2,633
19년 전 조회 4,987
19년 전 조회 2,816
19년 전 조회 3,689
19년 전 조회 2,643
19년 전 조회 3,458
19년 전 조회 1,973
19년 전 조회 5,400
19년 전 조회 1,727
19년 전 조회 6,077
19년 전 조회 2,897
19년 전 조회 6,065
19년 전 조회 6,864
19년 전 조회 3,749
19년 전 조회 2,230
19년 전 조회 2,119
19년 전 조회 6,917
19년 전 조회 2,416
19년 전 조회 3,975
19년 전 조회 5,360
19년 전 조회 2,701
19년 전 조회 1,758
19년 전 조회 1,598
19년 전 조회 1,540
19년 전 조회 1,815
19년 전 조회 1,813
19년 전 조회 1,809
19년 전 조회 1,738
19년 전 조회 2,536
19년 전 조회 2,335
19년 전 조회 3,494
19년 전 조회 2,620
19년 전 조회 2,594
19년 전 조회 3,440
19년 전 조회 4,654
19년 전 조회 2,995
19년 전 조회 2,823
이전 첫 페이지 다음
글쓰기