You cannot see this page without javascript.

2010.02.06 09:56

마퀴태그의 기본

조회 수 9673 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

- 기본속성들 설명 -

marquee
마퀴태그의 기본입니다 앞에 꼭 넣어야 해요

scrollamount
빠르기지정.(숫자가 높을수록 절라빨라짐)

scrolldelay
흔들리는 속성

direction
방향설정(left,right,up,down)

behavior=alternate
좌우,상하왕복

loop
숫자지정(예:loop="2" 를 했을경우 두번 실행됨)

width
가로 왕복 지정

height
세로 왕복 지정


- 글씨가 좌우로 왕복 -
<marquee behavior=alternate><font size=4>글자가 좌우로 왕복 ^^*</marquee>

글자가 좌우로 왕복 ^^*



- 글씨가 왼쪽으로 -
<marquee direction="left"><font size=4>이건 왼쪽이네요 ^^*</marquee>
이건 왼쪽이네요 ^^*



- 글씨가 오른쪽 으로 -
<marquee direction="right"><font size=4>이건 오른쪽이구요 </marquee>
이건 오른쪽이구요



- 글씨가 위로 -
<marquee direction="up"><font size=4>이번에는 위로..?</marquee>
이번에는 위로..?



- 글씨가 아래로 -
<marquee direction="down"><font size=4>다운이당ㅡㅡ+</marquee>
다운이당ㅡㅡ+



- 글씨가 흔들림 -
{<marquee behavior=alternate width=30><font size=4>도 리</marquee>} ☜ 도리도리
( 도 리)



- 글씨가 느리게 -
<marquee direction="RIGHT" scrollamount="1"><font size=5> 천천히__@/``</marquee> ☜ 달팽이 기어 가네요.

천천히__@/``


- 글씨가 빨리 -
<marquee scrollamount=30><font size=4>@--- 달팽아 나 잡아봐라~빠르징~</marquee>
@--- 달팽아 나 잡아봐라~빠르징~



- 글씨가 빤짝 -
<marquee width=500 scrollamount=300><font size=5> 짜 ★~ ☆~ ★~ 짠</marquee>
~ ~ ~



- 칼라 바탕에 글씨 -
<marquee bgcolor=red><font color=ffffff>하이 방가워요~~~</font></marquee>
하이 방가워요~~~



<marquee bgcolor=blue><font color=ffffcc>하이 방가워요~~~</font></marquee>
하이 방가워요~~~



<marquee bgcolor=000000><font color=00ff00 size=4>하이 방가워요 size=4 추가 했네요~~~</font></marquee>
하이 방가워요 size=5 추가 했네요~~~



- 좌측과 우측 응용 실행소스 -
<MARQUEE direction=right><font size=4>글씨가 중간에서</MARQUEE>
<MARQUEE direction=reft><font size=4>만날수 있겠지요</MARQUEE>
글씨가 중간에서
만날수 있겠지요



<marquee direction=up><font size=4>안♡(ul)녕♡(ul)하♡(ul)세♡(ul)요♡(ul)반♡(ul)가♡(ul)워~♡(ul)요♡</MARQUEE>
안♡
    녕♡
      하♡
        세♡
          요♡
            반♡
              가♡
                워~♡
                  요♡




<marquee><font size=4 color=red>사(br)랑(br)해(br)요</font></marquee>







<marquee behavior=alternate direction=up height=50><font color=green size=4> 안녕하세요~ </font></marquee>
안녕하세요~



<marquee behavior=alternate width=150><font color=red size=4> 흔적 남기기..</font></marquee>
흔적 남기기..



<marquee direction=down height=90><Span style="COLOR:White;FILTER:shadow;height:10px"><h1>어서오세요 방가워요</span></marquee><marquee direction=up height=90><Span style="COLOR:White;FILTER:shadow;height:10px"><h1<어서오세요 방가워요~</span></marquee<

어서오세요 방가워요. 야간비의 작은쉼터 랍니다.

태그공부홈이랍니다. 어서오세요 방가워요~




<marquee direction=up behavior=alternate><marquee behavior=alternate><h2>아이쿠야 어지러워라 조심하세요~ ^^*</h2></marquee>

아이쿠야 어지러워라 조심하세요~ ^^*





출처 : http://blog.paran.com/ggkorea3030/35840087

TAG •
    댓글이 하나도 없네요ㅠㅠ
    자료가 도움이 되었다면 댓글과 평가 부탁합니다.
?

Html Tip

홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다

List of Articles
번호 제목 글쓴이 날짜 조회 수
56 CSS 말줄임 처리하기 일반적으로 글자가 넘어가는 경우를 대비해서 백엔드단계에서 글자수를 특정지어서 자르는 방법을 많이 사용합니다. 헌데 이방법을 사용할시 영어, 숫자, 한글의 ... file 팔공산 2018.11.13 96
55 폰트(글자)의 스타일, 크기, 굵기, 색상, 글꼴, 줄간격, 캡션 등을 지정하는 방법 팔공산 2018.09.26 76
54 DIV 영역 자체에 링크 거는 방법 DIV 영역 그 자체에 링크를 걸어서 DIV 영역을 클릭하면, 지정된 주소(URL)로 이동하도록 하려면 아래와 같이 스타일(style) 속성으로 지정해 주면 된다. [DIV 영... file 팔공산 2018.09.23 78
53 DIV 화면 정중앙에 박스 배치하기 DIV로 만든 박스를 화면 정중앙에 배치하는 방법은 생각보다 간단하지가 않습니다. 특히 박스의 가로 크기가 변하는 경우는 더욱더 어렵습니다. 예를 들면 Popup... file 팔공산 2018.09.19 59
52 DIV 가로 중앙정렬 , 세로 중앙정렬(display:flex; ) DIV 가로 중앙 정렬, 세로 중앙 정렬 코딩을 할 때 가장 기본이 되지만 또 가장 어려웠던 부분이었다. display:flex; 이 코드를 알고 나서 정말 쉽게 코딩이 가능... file 팔공산 2018.09.19 78
51 커서(cursor) 모양 정리 마우스 커서 모양에 대해 알아보겠습니다. 보통 cursor 작업을 하면 pointer 위주로 작업을 합니다. 하지만 pointer 외에 아주 많는 cursor 가 있습니다. 그종류... file 팔공산 2018.07.19 63
50 webkit-animation 적용 방법 css3를 지원하는 브라우즈에서 이미지나 문구를 에니메이션 처럼 꾸미는 방법으로 webkit-animation을 많이 사용합니다. 스케치북5 게시판에 댓글달기 추천 문구... file 팔공산 2018.01.31 140
49 각종 css3를 자동으로 만들어주는 사이트 {CSS3} animation / transform / transition 각종 css3를 자동으로 만들어주는 사이트 http://www.css3maker.com/index.html * animation 참고 사이트 http://dan... 팔공산 2017.11.07 241
48 html에 사용되는 Character Entities(특수기호) #ce { font: .8em Monaco; display: block; } #ce tr { background: #EEE; display: inline-block; text-align: center; width: 10em; height: 10em; margin: .5e... file 팔공산 2017.11.04 129
47 이미지 마우스 hover시 좌우 기울이기 아래의 이미지와 같이 마우스 hover시 좌우로 기울이는 코드 .h img { border:1px solid #D4D4D4; padding:5px; } .h img:hover{ border:1px solid #666666; filt... file 팔공산 2017.10.27 174
46 모바일웹에서 스마트폰으로 전화바로연결 코드 모바일웹(스마트폰)에서 자동으로 전화 걸기 태그 는 아주 간단합니다 아래 코드만 입력하면 끝입니다. 스마트폰에서 터치하면 자동으로 등록된 전화번호가 키패... file 팔공산 2017.06.16 694
45 반응형 CSS 테이블 .head { background-color: #327a81; color: white; font-size: 1.5em; padding: 1rem; text-align: center; text-transform: uppercase;} .head1 { display: non... file 팔공산 2017.06.13 480
44 실시간 환율조회 html 외환은행과 하나은행이 합병되면서 기존의 실시간 환율조회 html이 작동을 하지를 않아서 정상적으로 작동하는 html을 올립니다. &lt;center&gt;&lt;iframe frameborder=&quot;o... file 팔공산 2017.04.18 299
43 HTML 만으로 마우스오버 구현하는 방법 [URL링크시] &lt;a href=&quot;#&quot; onMouseOver=&quot;this.innerHTML=&#039;마우스오버시 변경되는 텍스트&#039;&quot; onMouseOut=&quot;this.innerHTML=&#039;마우스가 범위를 벗어날시 변경되는 텍스... 1 file 팔공산 2017.01.07 4228
42 <div> 와 같은 블록 요소를 가운데 정렬하는 방법 팔공산 2016.12.26 625
41 float 속성을 가진 div 100% 설정하는 방법 css작업하다보면 간혹 곤욕스러운 경우가 많습니다. 대표적인게 float 속성인데요.. div, p 태그는 대표적인 block속성을 가지고 있는데요.. 이게 float을 만나면... file 팔공산 2016.04.21 331
40 배경이미지 슬라이드 스크립트 팔공산 2016.04.19 1038
39 CSS3 border-radius 이해하기 border-radius가 출현하면서 웹 디자이너들은 정말 열광했습니다 . 이전까지는 둥근모서리를 만들기 위해 엄청난 편법과 기법들이 난무했습니다. 이미지를 이용해... file 팔공산 2016.04.07 226
38 IE 버젼별로 css 따로 적용하는 방법 웹이 널리 보급된 이유를 개발자 입장에서 찾으라면 html, css와 같은 비교적 간단한 문법과 jsp, php, asp 같은 server-side 언어의 발전을 들 수 있을것이다. ... file 팔공산 2011.02.17 11514
» 마퀴태그의 기본 팔공산 2010.02.06 9673
목록
Board Pagination Prev 1 2 3 Next
/ 3
서버에 요청 중입니다. 잠시만 기다려 주십시오...