이전글 목록 다음글
나

marquee 태그 활용법

나두
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 19년 전 · 2965 · 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,745
18년 전 조회 1,861
18년 전 조회 1,866
18년 전 조회 2,509
18년 전 조회 3,523
18년 전 조회 5,997
18년 전 조회 3,892
18년 전 조회 3,086
18년 전 조회 2,155
18년 전 조회 2,428
18년 전 조회 2,214
18년 전 조회 2,330
18년 전 조회 2,428
18년 전 조회 2,871
18년 전 조회 2,569
18년 전 조회 2,023
18년 전 조회 3,150
18년 전 조회 3,609
18년 전 조회 3,860
18년 전 조회 3,362
18년 전 조회 3,404
18년 전 조회 2,592
18년 전 조회 2,486
18년 전 조회 2,476
18년 전 조회 2,345
18년 전 조회 2,581
18년 전 조회 3,880
18년 전 조회 3,677
19년 전 조회 2,108
19년 전 조회 2,038
19년 전 조회 1,583
19년 전 조회 3,909
19년 전 조회 5,914
19년 전 조회 7,014
19년 전 조회 2,499
19년 전 조회 2,741
19년 전 조회 4,198
19년 전 조회 2,201
19년 전 조회 3,648
19년 전 조회 2,904
19년 전 조회 2,758
19년 전 조회 2,223
19년 전 조회 2,498
19년 전 조회 2,615
19년 전 조회 3,111
19년 전 조회 3,765
19년 전 조회 3,299
19년 전 조회 2,807
19년 전 조회 2,301
19년 전 조회 2,966
19년 전 조회 3,060
19년 전 조회 2,570
19년 전 조회 2,329
19년 전 조회 3,357
19년 전 조회 4,881
19년 전 조회 5,093
19년 전 조회 2,311
19년 전 조회 2,211
19년 전 조회 5,019
19년 전 조회 8,985
19년 전 조회 2,075
19년 전 조회 4,950
19년 전 조회 4,391
19년 전 조회 2,635
19년 전 조회 4,987
19년 전 조회 2,819
19년 전 조회 3,693
19년 전 조회 2,644
19년 전 조회 3,461
19년 전 조회 1,975
19년 전 조회 5,402
19년 전 조회 1,728
19년 전 조회 6,079
19년 전 조회 2,897
19년 전 조회 6,066
19년 전 조회 6,866
19년 전 조회 3,751
19년 전 조회 2,233
19년 전 조회 2,120
19년 전 조회 6,918
19년 전 조회 2,419
19년 전 조회 3,975
19년 전 조회 5,361
19년 전 조회 2,703
19년 전 조회 1,758
19년 전 조회 1,598
19년 전 조회 1,541
19년 전 조회 1,815
19년 전 조회 1,814
19년 전 조회 1,812
19년 전 조회 1,741
19년 전 조회 2,538
19년 전 조회 2,335
19년 전 조회 3,495
19년 전 조회 2,624
19년 전 조회 2,596
19년 전 조회 3,441
19년 전 조회 4,655
19년 전 조회 2,995
19년 전 조회 2,825
이전 첫 페이지 다음
글쓰기