※ 속성5 : <marquee loop="수치/infinite">내용</marquee>
loop 속성은 주어진 수치 값 만큼
반복횟수를 정하는 속성입니다. 그리고
무한반복을 하고 싶으면 infinite 를 사용하면 되져^^
| <marquee
loop="3">3번 반복</marquee> |
<marquee
loop="infinite">무한반복</marquee> |
|
|
근뎅...그냥 마퀴태그만 쓸때는 무한반복의
의미가 별루 없겠져^^ 왜냐면 굳이 infinite 속성을
안 해줘도 계속 반복 되기 때문에......^^
※ 속성6 : <marquee bgcolor="색명/RGB색상코드">내용</marquee>
마퀴태그 부분에 배경색을 정해주져....
span style 태그하고 비슷한 기능이네용^^
| <marquee
bgcolor="blue">파랑색</marquee> |
<marquee
bgcolor="#FFFF00">노랑색</marquee> |
|
|
※ 속성7 : <marquee width="가로수치"
height="세로수치">내용</marquee>
말 그대로 마퀴태그가 적용되는
스크롤부분의 가로와 세로 너비를 정해주는
속성입니다. 아래 예제는 스크롤 되는 영역을
더 잘 보여주기 위해 위에서 배운 배경색 속성을
이용해서 배경색을 넣어 주었습니다.^^
| <marquee
width="30">내용</marquee> |
<marquee
height="50">내용</marquee> |
|
|
※ 속성8 : <marquee direction="left,right,up,down">내용</marquee>
스크롤 되는 방향을 정해주는
속성입니다. 왼쪽(left), 오른쪽(right), 위쪽(up),
아래쪽(down) 이져^^
| direction="left" |
direction="right" |
direction="up" |
direction="down" |
|
|
|
|
지금까지 marquee 태그의 속성을 배워봤는데요.....이제
마퀴태그는 다 배웠습니다. 근뎅....그냥 이렇게
끝나면 뭔가 허전하죠?^^ 이제부턴 지금까지
배웠던 마퀴태그의 속성을 응용해 보도록
하져^^
※ 마퀴태그의 응용
처음에도 언급했다시피 마퀴태그는
대화방에서 많이 사용됬고 지금도 사용되기
때문에 주로 대화방에서 사용할 수 있는
마퀴태그를 응용해보도록 하겠습니다.
☞응용1 반복(behavior=alternate)과
상단 스크롤(up)
마퀴태그를 응용할 때 거의 빠지지 않고
들어가는게 반복속성입니다. 아마 반복해서 계속
보여줄 수 있기 때문에 많이 사용하는 것이 아닌가
생각되는데.....^^ 하여간 한번 만들어 보져^^
① <marquee
behavior="alternate" direction="up">하핫</marquee>
☜ 이 소스를 태그연습장에서
실행시켜보세요..실행시켜 보면 상단스크롤이
위아래로 계속 반복되는 것을 볼 수 있을 겁니다......^^
어때요? 되져?^^ 여기다가 한가지더 bgcolor 속성을
넣어보세요.
② <marquee
behavior="alternate" direction="up" bgcolor="#3399FF">하핫</marquee>
☜ 배경색 속성을 첨부시켜서 해보면 스크롤
되는 영역에 배경색이 들어 가 있는 걸 볼 수 있을
겁니다. 근뎅...보기가 조금 그렇죠?^^ 별루 멋이
없는 거 같아 보여서리..... 그럼 이번에는 스크롤
영역을 가로세로 너비를 조정해주져^^
③ <marquee
behavior="alternate" direction="up" bgcolor="#3399FF"
width="200" height="300">하핫</marquee>
☜ 가로와 세로 너비를 조절해주니까 어때요?
조금 전 보다는 나은 거 같죠?^^ 그런데 아직도
뭔가 허전하져?^^ 그럼 여기서 지금까지 만들었던
마퀴태그를 하나 더 만들어서 두개를 이중으로
해보져^^
④ <marquee behavior="alternate"
width="300" height="300"><marquee align="center" behavior="alternate" direction="up" width="200" height="300">하핫</marquee></marquee>
☜ 기존에 마퀴태그에 같은 마퀴를 하나 더
넣은 거져.....한번 실행시켜보세요.....어때요?
잼있져?^^ 헉...벌써 한 페이지가 다
되었군요..^^ 다음 페이지에서 계속 하져^^
|
