HTML marquee태그

html 태그중 marquee 태그를 적어봅니다.

사실 웹페이지의 움직임을 담당하는 자바스크립트가 있죠

그렇지만 글자나 이미지의 간단한 움직임을 담당하기에는

marquee 태그도 있구나 정도 생각하시면 됩니다.

그냥 예시정도로 죽 나열 하겠습니다.

marquee : 내용이 이동 marquee behavior=alternate : 내용이 좌우이동

왔다갔다

marquee scrollamount="수치" : 입력된 수치만큼 이동속도가 증가 marquee direction="left" : 내용인 왼쪽에서 이동 , right, up, down marquee behavior=alternate scrollamount="30" direction="left" : 와같이 연결해서 사용 가능하다.

일정방향 스크롤 속성, marquee behavior=scrol

내용

한번 움직이고 나서 멈추는 슬라이드 속성, marquee behavior=slide

내용

스크롤이 딜레이되는 속성 수치가 커질수록 느려짐, 

10이 기본속성 marquee scrolldelay="10" 홍길동 임꺽정 장백산

스크롤이 loop 수치만큼 반복 되고 사라짐 marquee loop="2" 2번 반복

marquee bgcolor="#색상" 백그라운드 색상 지정 

  #ee5533 배경색

marquee width="400px" height="150px" 넓이와 높이를 지정해서 움직이는 영역을 표시 위치를 표시하기위하여 bgcolor="#ffff33" 을 추가 

 
width="400px" height="100px"

height="200px" behavior="alternate" direction="up" 높이를 지정, 왕복 위에서 부터 아래로 왔다갔다 반복 bgcolor 속성을 줌

<marquee  bgcolor="#ee5543" height="200px" behavior="alternate" direction="up"> 위아래 왔다갔다  </marquee> 

 

위아래 왔다갔다    

-- 좌측 --

<marquee  bgcolor="#aa5543" width="300px" height="400px" behavior="alternate" >

<marquee align="center" width="200px" height="400px" behavior="alternate" direction="up">  위아래 왔다갔다  </marquee></marquee>

-- 우측 --

<marquee  bgcolor="#aa5543" width="300px" height="400px" behavior="alternate" >

<marquee align="center" width="200px" height="400px" behavior="alternate" direction="up"> 

<marquee align="center" width="200px" height="400px" behavior="alternate" direction="right">

<marquee align="center" width="200px" height="400px" behavior="alternate" direction="down">

위아래 왔다갔다  </marquee></marquee></marquee></marquee>

   

위아래 왔다갔다 위아래 왔다갔다   <--♡----<<

   

      ★ 
     ★★
    ★★★
   ★★★★
      ||
 

<marquee behavior="alternate" width=200 scrollamount=1000> &nbsp&nbsp&nbsp★<br>

&nbsp&nbsp★★<br>

&nbsp★★★<br>

★★★★<br>

&nbsp&nbsp&nbsp&nbsp&nbsp||<br>

 </marquee>

(@^___^@ ) 

(<marquee behavior="alternate" width=40 >@^___^@ </marquee>)

글이 써졌다가 지워지는 효과 여러분 안녕하세요 만나서 반갑습니다.

<marquee direction="right"><marquee direction="left" >글이 써졌다가 지워지는 효과  여러분 안녕하세요 만나서 반갑습니다. </marquee></marquee>

__@/''

<marquee direction="right" scrollamaunt="1">__@/'' </marquee>