왼쪽으로 |
오른쪽으로
위쪽으로 |
아래쪽으로
<head><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> </center>
</body>
|
추천 : 