마퀴태그(marquee)의 모든것

 

마퀴태그(marquee)의 모든것       <marquee>   ※이미지에도 같은 효과를 낼수 있습니다 마퀴(marquee)라는 영어단어는 "움직이다"라는 뜻이 들어있습니다. 글씨가 움직이는 태그를 말하는 데 여러가지로 응용해서 사용할 수 있답니다. ◐태그를 사용시 주의할 점◑ <MARQUEE> </MARQUEE> 사이의 모든 대상들을 움직이게 만든다, 따라서,움직이게 할 대상을 이 태그사이에 넣어준 후 반드시..반드시 종결태그(</marquee>)를 넣어 주어야만 합니다.   ~marquee 명령어 이해하기~ ①.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의 위와 아래에 지정한 만큼의 여백이 설정합니다. 16.loop=1 ☜━1번 반복입니다.(원하는 숫자을 넣으면 되겠죠.) (※.loop=infinite ☜━무한 반복을 시켜줌니다.) ⓠ.align : 정렬 방식을 설정한다.(ex. align=top ) (absbottom | absmiddle | baseline | bottom | left | middle | right | texttop | top)   1.기본형 문자 흘리기 <marquee>원하는 문자 입력하는 곳</marquee> 원하는 문자 입력하는 곳   2. 글자모양 바꾸기 <marquee><font face="궁서체">난 "궁서체"야</font></marquee> 난 "궁서체"야   3. 글꼴 & 글자크기 & 글자색 바꾸기 <marquee><font face="궁서체" size=4 color=blue>궁서체 글자크기 4포인트 파랑색</font></marquee> 궁서체 글자크기 4 파랑색   4. 상하,좌우로 왕복 1.<marquee behavior=alternate>왼쪽으로 갈까! 오른쪽으로 갈까</marquee> 2.<marquee behavior=alternate direction=up>위로 갈까? 아래로 갈까?</marquee>     5. 한번에 이동하는 거리 설정하기 <marquee scrollamount="1">거북이</marquee> <marquee scrollamount="5">토끼</marquee> <marquee scrollamount="10">치타</marquee> 거북이토끼치타   6. 스크롤되는 시간 간격 설정하기 <marquee scrolldelay="100">치타</marquee> <marquee scrolldelay="500">토끼</marquee> <marquee scrolldelay="1000">거북이</marquee> 치타토끼거북이   7. 방향 조정하기 <marquee direction=right>문자야오른쪽으로 가자</marquee> 문자야 오른쪽으로 가자 <marquee direction=left>문자야! 왼쪽으로 가자</marquee> 문자야! 왼쪽으로 가자 <marquee direction=down>문자야! 아래로 가자.</marquee> 문자야! 아래로 가자. <marquee direction=up>문자야! 위로 가자.</marquee> 문자야! 위로 가자.   8. 그림위에 문자 스크롤시키기 <table border=1><tr><td width=가로크기입력 background="그림경로"> <marquee direction=up height=세로크기입력 scrollamount=1> 내용 입력자리 </marquee></td></tr></table>   안녕하세요?   사랑하는 시아의 블칭구님들~♥ 세월의 변화를 어떻게 느끼시나요? 누구는 여성들의 옷차림으로 누구는 시장의 봄 나물에서 느낀다고 합니다. 시아는 울 플칭구님들의 각양각색의 멋지고 이쁜 댓글에서 느낀다고 해도 과언이 아니랍니당(￣へ ￣ )。 감사를 드립니다.. 3월! 참으로 묘하지요. 계절 의 변화 가 이렇게 확연히 차이가 나네요. 긴 기다림 끝에 꽃망울과 새싹들이 하나둘 얼굴을 빼꼼이 내미는 3월... ┣━┫ ┗━┛ ━┻━ ♡━┓ ┗━┛이라는 그 어휘 하나 만으로도 또한 날씨가 낮에는 덥다는 생각이 즐 정도로 따스하네요. 이젠 봄볕이 따스하게 스며들겠죠~ 시아가 좋아하는 기분좋은 주말(한숨을 좀 돌리니깐...ㅎ) 울님들~♥ 늘..건강에 유의하시고 3월달도 언제나처럼 아주많이 행복하셨음 좋겠습니다.   9.순차적으로 문자 오르내리기 <marquee direction=down height=170 scrollamount=2> <font color=red size=4><ul>♥사<ul>♡랑<ul>♥해<ul>♡요</font></marquee> ♥사 ♡랑 ♥해 ♡요   10.마우스오버시 마퀴정지/마우스아웃시 마퀴시작 <marquee onmouseover=this.stop() onmouseout=this.start()>여기에 마우스 올려 보세요</marquee> 여기에 마우스 올려 보세요   11.응용 - 마퀴의 꽃은 응용입니다. ^^ <marquee behavior="alternate" direction="up"> <marquee behavior="alternate">★</marquee></marquee> ★      가져온 곳 :  블로그 >ㄴri 마음이 들리니?   글쓴이 : 아카시아♪| 원글보기