웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
Marquee 태그를 이용한 간단한 스크립트
2003.08.06 23:00
관리자인데도 불구하고 글 많이 못 올려 민망할 따름입니다-_-;;;
이번 소스는 그냥 심심하던차에 만들게 된 것입니다(-_-;)
응용하시면 괜찮은 무언가(?)가 나올듯;;;
그럼 소스 나갑니다^_^
Preview : http://www.zective.com/sample/marquee.html
--------------------------------------------------------------------------------------------------------------------------------------------
<!-- Created by Zective -->
<html>
<title>아니 이게 대체 뭐여º∀º)?</title>
<head>
<style>
body {font-family:tahoma; font-size:11px; color:highlight;}
A:visited {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
A:link {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
A:hover {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
A:active {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
</style>
<script>
// mq1 는 좌우 제어
// mq2는 상하 제어
// 물론 소스 수정하면 동시 제어도 가능;;
// 실행
function move(direction, kind) {
// mq1 인지 mq2 인지 구분하여 그에 맞게 Marquee 태그 실행
if(kind == 1) {
mq1.start();
} else {
mq2.start();
}
// 왼쪽 (mq1)
if(direction == 'L' || direction == 'l') {
mq1.direction = 'left';
}
// 오른쪽 (mq1)
else if(direction == 'R' || direction == 'r') {
mq1.direction = 'right';
}
// 위쪽 (mq2)
else if(direction == 'U' || direction == 'u') {
mq2.direction = 'up';
}
// 아래쪽 (mq2)
else {
mq2.direction = 'down';
}
}
// 정지
function stop(kind) {
// mq 인지 mq2 인지 구분하여 그에 맞게 Marquee 태그 정지
if(kind == 1) {
mq1.stop();
} else {
mq2.stop();
}
}
</script>
</head>
<!-- 페이지를 다 읽으면 Marquee 태그 정지 -->
<body onload="stop(1); stop(2);">
<center>
<br><br><br>
<marquee id="mq1" width="100" truespeed scrollamount="1" scrolldelay="15" bgcolor="ghostwhite" style="border:1 solid highlight;">123</marquee>
<br><br>
<a href="javascript:;" onmouseover="move('L', 1);" onmouseout="stop(1)" onfocus="this.blur();">왼쪽으로</a> | <a href="javascript:;" onmouseover="move('R', 1);" onmouseout="stop(1)" onfocus="this.blur();">오른쪽으로</a>
<!-- 에헤라디야~ -->
<br><br><br>
<!-- 에헤라디야~ -->
<marquee id="mq2" width="100" height="100" truespeed scrollamount="1" scrolldelay="15" bgcolor="ghostwhite" style="border:1 solid highlight;">123</marquee>
<br><br>
<a href="javascript:;" onmouseover="move('U', 2);" onmouseout="stop(2)" onfocus="this.blur();">위쪽으로</a> | <a href="javascript:;" onmouseover="move('D', 2);" onmouseout="stop(2)" onfocus="this.blur();">아래쪽으로</a>
<!-- 에헤라디야~ -->
<br><br><br><br><br>
<!-- 에헤라디야~ -->
<font style="font size:72px 돋움;" onmouseover="this.innerHTML='( º▽º)!';" onmouseout="this.innerHTML='( º∀º)?';" style="cursor:default;">( º∀º)?</font>
</center>
</body>
</html>
이번 소스는 그냥 심심하던차에 만들게 된 것입니다(-_-;)
응용하시면 괜찮은 무언가(?)가 나올듯;;;
그럼 소스 나갑니다^_^
Preview : http://www.zective.com/sample/marquee.html
--------------------------------------------------------------------------------------------------------------------------------------------
<!-- Created by Zective -->
<html>
<title>아니 이게 대체 뭐여º∀º)?</title>
<head>
<style>
body {font-family:tahoma; font-size:11px; color:highlight;}
A:visited {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
A:link {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
A:hover {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
A:active {text-decoration:none; cursor:hand; font-family:tahoma; font-size:11px; color:highlight;}
</style>
<script>
// mq1 는 좌우 제어
// mq2는 상하 제어
// 물론 소스 수정하면 동시 제어도 가능;;
// 실행
function move(direction, kind) {
// mq1 인지 mq2 인지 구분하여 그에 맞게 Marquee 태그 실행
if(kind == 1) {
mq1.start();
} else {
mq2.start();
}
// 왼쪽 (mq1)
if(direction == 'L' || direction == 'l') {
mq1.direction = 'left';
}
// 오른쪽 (mq1)
else if(direction == 'R' || direction == 'r') {
mq1.direction = 'right';
}
// 위쪽 (mq2)
else if(direction == 'U' || direction == 'u') {
mq2.direction = 'up';
}
// 아래쪽 (mq2)
else {
mq2.direction = 'down';
}
}
// 정지
function stop(kind) {
// mq 인지 mq2 인지 구분하여 그에 맞게 Marquee 태그 정지
if(kind == 1) {
mq1.stop();
} else {
mq2.stop();
}
}
</script>
</head>
<!-- 페이지를 다 읽으면 Marquee 태그 정지 -->
<body onload="stop(1); stop(2);">
<center>
<br><br><br>
<marquee id="mq1" width="100" truespeed scrollamount="1" scrolldelay="15" bgcolor="ghostwhite" style="border:1 solid highlight;">123</marquee>
<br><br>
<a href="javascript:;" onmouseover="move('L', 1);" onmouseout="stop(1)" onfocus="this.blur();">왼쪽으로</a> | <a href="javascript:;" onmouseover="move('R', 1);" onmouseout="stop(1)" onfocus="this.blur();">오른쪽으로</a>
<!-- 에헤라디야~ -->
<br><br><br>
<!-- 에헤라디야~ -->
<marquee id="mq2" width="100" height="100" truespeed scrollamount="1" scrolldelay="15" bgcolor="ghostwhite" style="border:1 solid highlight;">123</marquee>
<br><br>
<a href="javascript:;" onmouseover="move('U', 2);" onmouseout="stop(2)" onfocus="this.blur();">위쪽으로</a> | <a href="javascript:;" onmouseover="move('D', 2);" onmouseout="stop(2)" onfocus="this.blur();">아래쪽으로</a>
<!-- 에헤라디야~ -->
<br><br><br><br><br>
<!-- 에헤라디야~ -->
<font style="font size:72px 돋움;" onmouseover="this.innerHTML='( º▽º)!';" onmouseout="this.innerHTML='( º∀º)?';" style="cursor:default;">( º∀º)?</font>
</center>
</body>
</html>
댓글 7
제목 | 글쓴이 | 날짜 |
---|---|---|
엔터키 걸러내고 코멘트 무조건 10자이상으로 하게하는 자바스크립트 소스 [9] | 교행사랑 | 2003.06.06 |
자바스크립트로 두개 이상의 페이지 동시에 열기. [4] | 이성헌 | 2003.06.08 |
Top, Back 함께사용하기
![]() | sharim | 2003.06.11 |
[스크립트]오른쪽 버튼 누르면 메뉴나오기^^ [1] | 처절초보 | 2003.06.16 |
[스크립트] 메뉴에 마우슬 데면 서브 메뉴가 나온다 [2] | 처절초보 | 2003.06.16 |
손쉬운 롤오버 이미지 자동생성 [15] | 행복한고니 | 2003.06.16 |
웹에서그림그리기 [5] | 카이저 | 2003.06.27 |
아이프레임으로 나타낸 문서를 크기에 맞게 자동으로 사이즈 조절 [3] | DODGE | 2003.06.28 |
제로보드 사용시 아이프레임의 크기를 내용에 따라 바꿔주는 스크립트 [7] | 쿨리안 | 2003.06.28 |
마우스 오른쪽 버튼 누르면 원하는 메뉴 뜨게 만들기(다른사이트) [3] | 김주형 | 2003.07.03 |
상태바에 2개의 메세지가 뜨는 태그 | 김주형 | 2003.07.03 |
이미지 필터를 사용한 간단한 소스 [3] | NzeoZen | 2003.07.06 |
한줄씩 올라가는 뉴스티거용 인데요....제로보드하구는 어케...쩝 [12] | 하나비 | 2003.07.08 |
노프레임 홈페이지 수정 편리하게 &용량줄이기. [9] | 세죠위그이 | 2003.07.15 |
초강력 울트라..매가톤 간단...랜덤이미지.. [6] | 김한샘 | 2003.07.24 |
HTML경고창 [수정#2] [14] | [락위듀]아렌티 | 2003.07.26 |
나름대로 만들어본 가운데 팝업 스크립트 [3] | phase | 2003.07.31 |
Marquee 태그를 이용한 간단한 스크립트 [7] | 뒹굴리스트 | 2003.08.06 |
편리한 컴내꺼 포트개방 (com.ne.kr FTP Port Open) [1] | phase | 2003.08.16 |
배경도 이제 선택한다!!? [2] | NzeoZen | 2003.08.16 |