<script language="javascript">
$('#arrow1').fadeIn(0);
$(document).keydown(function(e){
if (e.which == 83 && currentFocus < 5) { //S 아랫방향
e.preventDefault();
currentFocus++;
$('#arrow1').fadeOut(0);
$('#arrow2').fadeOut(0);
$('#arrow3').fadeOut(0);
$('#arrow4').fadeOut(0);
$('#arrow5').fadeOut(0);
$('#hand'+currentFocus).slideDown(500);
$('#arrow'+currentFocus).fadeIn(0); //s키 누를시 방향이미지 나온다
}else if(e.which == 87 && currentFocus > 1) { //W 윗방향, tab키
e.preventDefault();
$('#hand'+currentFocus).slideUp(500);
$('#arrow1').fadeOut(0);
$('#arrow2').fadeOut(0);
$('#arrow3').fadeOut(0);
$('#arrow4').fadeOut(0);
$('#arrow5').fadeOut(0);
currentFocus--;
$('#arrow'+currentFocus).fadeIn(0); //w키 누를시 방향이미지 나온다
}
});
});
//마우스 클릭방지
function mouse_down() {
if (event.button==2) {
//alert("마우스 오른쪽 버튼 클릭");
}
}
document.onmousedown=mouse_down;
function mouse_click() {
if (event.type=="mousedown") {
//alert("마우스 클릭");
}
}
</script>
</head>
<body onselectstart="return false" ondragstart="return false" oncontextmenu="return false;">
<form>
<div id="wrap">
<ul>
<li class="ml15">
<ul id="hand">
<li id="hand5" class="hand_off"></li>
<li id="hand4" class="hand_off"></li>
<li id="hand3" class="hand_off"></li>
<li id="hand2" class="hand_off"></li>
<li><span id="hand1" class="hand_on"></span></li>
</ul>
</li>
<li class="ml15">
<ul class="focus">
<li><input type="image" id="id1" class="circle" /></li>
<li><input type="image" id="id2" class="circle" /></li>
<li><input type="image" id="id3" class="circle" /></li>
<li><input type="image" id="id4" class="circle" /></li>
<li><input type="image" id="id5" class="circle" /></li>
</ul>
</li>
<li class="ml15">
<ul id="arrow">
<li id="arrow5" class="arrow_off"></li>
<li id="arrow4" class="arrow_off"></li>
<li id="arrow3" class="arrow_off"></li>
<li id="arrow2" class="arrow_off"></li>
<li id="arrow1" class="arrow_off"></li>
</ul>
</li>
<li class="balloon">
</li>
</ul>
</div>
</form>
</body>
</html>
'개발 > jsp' 카테고리의 다른 글
| jQuery Selector (0) | 2020.02.06 |
|---|---|
| 동적 이미지 업다운 (0) | 2020.02.06 |
| css 예시 (0) | 2020.02.06 |
| convert + substring, replace(convert) (0) | 2020.02.06 |
| (하위쿼리 사용) rnum을 이용하여 새롭게 정렬시킨다. (0) | 2020.02.06 |