marquee2

 

▒ 요 약

<marquee> 태그 활용 글자를 맘데로 움직여 보자!! '마퀴' 태그에 아래 두 명령을 삽입시켜, 글자를 자유롭게 움직이게합니다. direction behavior=alternate 다양한 활용입니다. 실습을 통해 움직임을 알아보세요. ^___^

▒ 요 약

<marquee> 태그 활용 2 이리저리 움직이는 글자를 빠르게, 느리게, 짧게 넓게....맘데로 움직여 보자!! '마퀴' 태그에 아래 4개 명령을 삽입시켜, 글자를 자유롭게 움직이게합니다. scrollamount loop width height 다양한 활용입니다. 실습을 통해 움직임을 알아보세요. ^___

12. 움직이는 글자4 - ④ <marquee>태그 다양한 실전 응용 태그공부 강의 업데이트! ▒ 요 약 <marquee> 태그 다양한 실전 응용 앞서 배운 각종 명령 속성을 합하면??? 다양복잡현란!!! '마퀴' 태그에 앞서배운 명령을 합쳐 사용하면, 글자에 다양한 효과와 표현을 줄 수 있습니다. direction behavior=alternate + width + loop scrollamount + loop width + scrollamount height + behavior=alternate . . . 다양한 활용입니다. 실습을 통해 움직임을 알아보세요. ^___^ 마큐의 기본상식 아래 소스에 별표를 지우고 실행시켜 보세요. <★marquee> ~ 기본형으로 왼쪽으로 무한 루프입니다. <★marquee loop="3"> ~ 왼쪽으로 3회 반복합니다. 반복횟수를 나타냅니다. <★marquee behavior="alternate"> ~ 오른쪽왼쪽 왔다갔다 입니다. <★marquee behavior="slide"> ~ 왼쪽에서 와서 멈춤니다. <★marquee direction="right"> ~ 오른쪽으로 무한루프입니다. <★marquee scrollamount="3"> ~ 움직이는 속도를 나타냅니다. 숫자가 적을수록 느리게.. <★marquee scrolldelay="500"> ~ 지연되는 속도를 나타냅니다. <★marquee bgcolor="yellow"> ~ 움직이는 글에 노란색 바탕이 있습니다. ------------------------------------------------------------------------------------- ⓐ.behavior=slide ☜━marquee 영역의 끝 부분에서 멈춥니다. ⓑ.behavior=scroll ☜━marquee 영역을 벗어나서 사라집니다. ⓒ.behavior=alternate ☜━양쪽으로 움직이것을 설정합니다. ⓓ.direction=up ☜━글자가 위쪽으로 움직이게 해줌니다. ⓔ.direction=down ☜━글자가 아래로 움직이게 해줌니다. ⓕ.direction=left ☜━글자가 왼쪽으로 움직이게 해줌니다. ⓖ.direction=right ☜━글자가 오른쪽으로 움직이게 해줌니다. ⓗ.bgcolor=yellow ☜━배경설정합니다.(색상은 맘대로 바꾸시면 되겠죠.*^^*) ⓘ.scrollamount=10 ☜━글짜 움직이는 속도을 설정합니다.(숫자가 적을수록 느려짐니다.) ⓙ.scrolldelay=100 ☜━스크롤의 지연효과를 얻기 위해서 사용합니다.(1초간 멈추었다가 이동함.!) ⓚ.bgcolor=yellow ☜━배경색을 설정합니다.(노란색으로 설정) ⓛ.width=100 ☜━가로 폭을 설정합니다.(100으로 가로 길이설정) ⓜ.height=100 ☜━세로 폭을 설정합니다.(100으로 높이 길이 설정) ⓝ.hspace=100 ☜━marquee의 좌우에 지정한 만큼의 여백이 설정합니다. ⓞ.vspace=100 ☜━marquee의 위와 아래에 지정한 만큼의 여백이 설정합니다. ⓟ.loop=1 ☜━1번 반복입니다.(원하는 숫자을 넣으면 되겠죠.*^^*) (※.loop=infinite ☜━무한 반복을 시켜줌니다.) ⓠ.align : 정렬 방식을 설정한다.(ex. align=top )