강의 컨설팅 트레이닝 무료진단 무료책자 마케팅편지 마케팅정보공유 다이어리 서비스제휴 고객센터

아름다운글 올리는 방법 5 마퀴 태그
작성자 : 99 단국강토
등록날짜 : 2009.02.09 10:03
2,300
안녕하세요? 오늘도 marquee 에 관하여 알아보겠읍니다 지금까지 1.움직이는 방향 direction="left" 왼쪽으로 움직임 direction="right" 오른쪽으로 움직임 direction="up" 위로 움직임 direction="down" 아래로 떨어짐 2.속도 scrollamount="1" 느림 scrollamount="2" 조금 빠름 이렇게 뒤의 숫자를 올려주면 빨라지고 3.배경색 bgcolor="yellow" 노란색 바탕 bgcolor="blue" 파란색 바탕 이렇게 bgcolor 뒤에 원하는 색의 이름을 넣어주면 바탕색이 내가원하는색으로 변한다는것을 이해 하셨을겁니다 marquee만 단순히 사용하면 기본적인 지원이 됩니다 기본이란 왼쪽으로 계속 움직 이며 속도는 약 4정도로 움직이죠
오늘은 4. behavior="slide" marquee 다음에 이렇게 넣으면 글이 오다가 끝에서 멈추어라는 말입니다 5. behavior="alternate" 이건 왔다갔다 하라는 말이죠
실제로 해볼까요. 연습장에 아래와같이 해보세요 <marquee direction="up" scrollamount="1" bgcolor="skyblue" behavior="slide"> 키스의 의미 <br><br> 이마에 하는 Kiss는<br> 우정을 의미하고<br> 감은 눈 위에 하는 입맞춤은<br> 감사의 Kiss<br> 코 끝에 하는 Kiss는<br> 당신에게 행운이 함께 하길빈다는 뜻<br> 볼에 하는 Kiss는<br> 반가움을 뜻하고<br> 입술에 하는 것은<br> 사랑의 Kiss<br></marquee>
결과보기

키스의 의미

이마에 하는 Kiss는
우정을 의미하고
감은 눈 위에 하는 입맞춤은
감사의 Kiss
코 끝에 하는 Kiss는
당신에게 행운이 함께 하길빈다는 뜻
볼에 하는 Kiss는
반가움을 뜻하고
입술에 하는 것은
사랑의 Kiss



글이 이미 멈추어져 있으면 위 메뉴에서 새로고침 클릭해서 다시 보세요.

behavior="alternate"의 적용
<marquee direction="left" scrollamount="5" bgcolor="pink" behavior="alternate"> 사랑해요 ♬♩♪♩♩♪♬♥~~</marquee>
결과보기

사랑해요 ♬♩♪♩♩♪♬♥~~

6. width="원하는 크기의 수" 가로의 크기를 지정합니다 height="원하는 크기의 수" 높이를 지정합니다
가로와 세로의 크기를 이렇게하면

<marquee direction="left" scrollamount="5" bgcolor="pink" behavior="alternate" width="100" height="30"> 사랑해요 ♥~~</marquee>
결과보기

사랑해요 ♥~~

가로와 세로의 크기를 이렇게고치면

<marquee direction="left" scrollamount="5" bgcolor="pink" behavior="alternate" width="350" height="100"> 사랑해요 ♥~~</marquee>

결과보기

사랑해요 ♥~~

7.응용을 하나만 더할까요? 글자가 지그 재그로 움직이는건 marquee를 이중으로 사용합니다
marquee의 2중 사용예

한번은 상하로 한번은 좌우로 움직이게 합니다

<marquee><marquee direction="up" scrollamount="5" behavior="alternate" width="350" height="150"> 사랑해요 ♥~~</marquee></marquee>

결과보기

사랑해요 ♥~~

이상으로 marquee의 명령은 마치겠읍니다 다음은 아름다운글 올리는 방법 font 편을 보내드리죠 글자의 색상을 변하게 하고 크기를 변하게 합니다 아래의 예를 연구하여 직접 해보세요
연구1 : 펄쩍 뛰는 원숭이

@(. .)@
 (( Y ))

연구2 : 눈 내리는날 연인과 함께

  *     * * * *
  * *
 * * *
* * *    *
  *
  * * *   * ** *
 * ** *

_________&&____________

연구3 : 영치기 영차

&&&&&&----

연구4 : 사랑해^^

~~//^} {^]]~~


[출처] 빛남이

"쇼핑몰·홈페이지·오픈마켓
블로그·페이스북·이메일 등의 각종 마케팅 글쓰기,
각종 광고, 영업, 판매, 제안서, 전단지
반응율 3배×10배 이상 높이는 마법의 8단계 공식"
자세히보기

Comments

번호 제목 글쓴이 날짜 조회
2985 Table 태그 (2) 99 단국강토 02.09 2241
2984 테이블 응용 99 단국강토 02.09 2352
2983 프레임 tag-프레임(1) 99 단국강토 02.09 2149
2982 프레임(2) 99 단국강토 02.09 2147
2981 form tag-form (1) 99 단국강토 02.09 1991
2980 form(2) 99 단국강토 02.09 1802
2979 form-(4) 99 단국강토 02.09 2267
열람중 아름다운글 올리는 방법 5 마퀴 태그 99 단국강토 02.09 2301
2977 이미지의 태그 처리 99 단국강토 02.09 2253
2976 글쓰기/FIELDSET source 99 단국강토 02.09 2531
2975 블로그 영상시, 나도 만들어 볼까? 99 단국강토 02.09 2291
2974 동적 테이블 생성 DHTML 99 단국강토 02.09 2986
2973 table,tr,td 의 innerHTML 속성으로 좀 가꾸놀기 99 단국강토 02.09 3923
2972 CSS를 활용한 INPUT FORM의 커스트마이징 기법 99 단국강토 02.09 2887
2971 테이블 테두리를 가늘게 하는 확실한 팁 99 단국강토 02.09 2271
2970 스타일시트를 적용시키는 3가지 방법 99 단국강토 02.09 2059
2969 cursor:hand 을 cursor:pointer 로 교체요 ^^ 99 단국강토 02.09 2266
2968 ID attribute selector 99 단국강토 02.09 1496
2967 폼테그쓸때 테이블정렬이 잘안될때 쓰이는 css 99 단국강토 02.09 1602
2966 홈페이지 제작시 사용되는 CSS 정리 99 단국강토 02.09 1342
2965 부드럽게 펼쳐지는 콤보박스형 메뉴 99 단국강토 02.09 1673
2964 [CSS]스타일시트로 배경그림 고정시키기 99 단국강토 02.09 1676
2963 아이프레임 일부기능 대체할 수 있는 박스 99 단국강토 02.09 3230
2962 페이지 한개에서 모든것을 해결할 수 있는 탭메뉴 스크립트 99 단국강토 02.09 1407
2961 [CSS]글씨 크기-줄 간격 조절해서 보기 좋은 문서 만들기 99 단국강토 02.09 3308
2960 아이프레임 일부기능 대체할 수 있는 박스 99 단국강토 02.09 1308
2959 백그라운드 반복없이 한번만 넣기 99 단국강토 02.09 1862
2958 JAVASCRIPT + DOM 을 이용한 데이터 검색 99 단국강토 02.09 2785
2957 JAVASCRIPT + DOM 을 이용한 데이터 검색 99 단국강토 02.09 1961
2956 DOM 참조(JavaScript이용) 99 단국강토 02.09 1621
마케팅
특별 마케팅자료
다운로드 마케팅자료
창업,경영
기획,카피,상품전략
동기부여,성취