사이트 구축·운영 인사이트, SIR 블로그
이전
목록
다음
나

marquee 태그 활용법

나두
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2007-02-03 (토) 10:05:25 · 4184 · 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개

박대성
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2007-02-10 (토) 07:08:09
감사합니다 좋은정보네요 ㅋ
takumi22
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2013-06-13 (목) 01:04:57
간 만에 마퀴태그를 보니 반갑네요^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,749
10-09-19 조회 2,790
10-09-15 조회 2,798
10-09-15 조회 4,200
10-09-15 조회 3,436
10-09-15 조회 2,531
10-09-07 조회 3,650
10-08-27 조회 4,101
10-06-11 조회 4,287
10-05-31 조회 2,536
10-02-27 조회 5,047
10-02-09 조회 3,791
09-10-10 조회 7,382
09-03-19 조회 3,238
09-02-09 조회 3,510
09-02-09 조회 4,559
08-11-01 조회 2,946
08-09-29 조회 4,598
08-09-26 조회 3,533
08-09-26 조회 3,608
08-09-26 조회 2,743
08-09-26 조회 3,787
08-09-26 조회 3,514
08-09-26 조회 4,282
08-09-18 조회 3,629
08-09-09 조회 3,259
08-08-28 조회 2,801
08-07-06 조회 3,568
08-05-21 조회 4,732
08-05-13 조회 4,577
08-04-17 조회 4,946
08-02-19 조회 3,564
08-01-18 조회 3,885
08-01-10 조회 3,852
07-10-22 조회 3,686
07-10-09 조회 4,347
07-10-03 조회 3,554
07-07-06 조회 4,236
07-07-06 조회 4,452
07-07-06 조회 4,067
07-06-28 조회 3,598
07-06-05 조회 3,610
07-06-05 조회 4,152
07-05-30 조회 3,324
07-05-02 조회 3,701
07-04-15 조회 5,188
07-04-11 조회 3,662
07-04-05 조회 3,971
07-03-31 조회 3,179
07-03-31 조회 4,153
07-03-30 조회 3,767
07-03-24 조회 4,024
07-03-22 조회 3,684
07-03-12 조회 4,438
07-02-16 조회 3,307
07-02-14 조회 5,194
07-02-10 조회 4,035
07-02-09 조회 4,416
07-01-19 조회 4,082
07-01-16 조회 5,012
06-12-16 조회 5,882
06-11-30 조회 3,634
06-11-25 조회 3,746
06-10-15 조회 5,102
06-09-26 조회 5,342
06-09-26 조회 5,457
06-09-22 조회 4,315
06-09-21 조회 3,567
06-09-21 조회 3,666
06-09-02 조회 3,508
06-08-08 조회 5,143
06-07-20 조회 3,769
06-07-17 조회 3,396
06-07-13 조회 4,216
06-07-11 조회 3,510
06-07-11 조회 3,510
06-07-11 조회 3,873
06-06-29 조회 6,105
06-06-19 조회 6,489
06-06-02 조회 3,543
06-05-24 조회 5,024
06-05-14 조회 7,813
06-05-08 조회 3,934
06-02-02 조회 5,483
05-12-16 조회 4,555
05-12-05 조회 5,188
05-06-28 조회 4,151
05-04-11 조회 4,104
05-04-11 조회 4,279
05-04-11 조회 3,346
05-03-13 조회 3,256
05-03-12 조회 4,319
04-12-08 조회 7,810
04-12-01 조회 5,219
04-11-28 조회 3,391
04-11-28 조회 3,233
04-08-05 조회 5,654
04-08-05 조회 5,002
04-08-05 조회 5,609
글쓰기