답변 6개 / 댓글 5개
거뭐 스크립트까지 쓸 필요는 없습니다.
CSS로 쉽게 구현할수 있습니다.
매 메뉴 엘리먼트:hover { color: '바꾸려는 색깔' }
이렇게 간단히 할수 있습니다. 궂이 자바스크립트로 하려면
<span onmouseover='menu_over(event)' onmouseout='menu_out(event)'>메뉴1</span>
function menu_over(e) {
e.currentTarget.style.color = '바꾸려는 색깔';
}
function menu_out(e) {
e.currentTarget.style.color = '원래 색깔';
}
아마도 호스트 내에서 ddos 로 의심되는 ip 접속을 자동으로 차단한듯 합니다.
찝찝하시면 차단내역 채크해보세요^^
<span class="menu" id="menu1">메뉴1</span>
<span class="menu" id="menu2">메뉴2</span>
<span class="menu" id="menu3">메뉴3</span>
<script>
$(document).ready(function(){
$('.menu').on('hover', function(){
$(this).css("color", "red");
}, function(){
$(this).css("color", "black");
});
또는
$('.menu').on('hover', function(){
var id = $(this).attr('id');
$('#'+id).css("color", "red");
}, function(){
$('#'+id).css("color", "black");
});
});
</script>
답변에 대한 댓글 2개
1 = red
2 = blue
3 = green 일때
$('.menu').on('hover', function(){
var color = "black";
var id = $(this).attr('id');
if(id=="menu1"){
color="red";
}else if(id == "menu2"){
color = "blue";
}
$('#'+id).css("color", color);
}, function(){
$('#'+id).css("color", "black");
});
이런식?아니면
<span class="menu" id="menu1" data-color="red">메뉴1</span>
<span class="menu" id="menu2" data-color="blue">메뉴2</span>
<span class="menu" id="menu3" data-color="green">메뉴3</span>
애초 태그로 색상을 박고
$('.menu').on('hover', function(){
var color = $(this).attr('data-color');
var id = $(this).attr('id');
$('#'+id).css("color", color);
}, function(){
$('#'+id).css("color", "black");
});
답변을 작성하려면 로그인이 필요합니다.