<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#bu1").hover(
function(){
$("#div1").stop();
$("#div2").stop();
$("#div3").stop();
$("#div1").fadeIn(100);
$("#div2").fadeIn(250);
$("#div3").fadeIn(400);
},
function(){
$("#div1").stop();
$("#div2").stop();
$("#div3").stop();
$("#div1").fadeOut("fast");
$("#div2").fadeOut("fast");
$("#div3").fadeOut("fast");
});
});
</script>
</head>
<body>
<span id="bu1" onMouseOver='this.innerHTML="메뉴"'
onMouseOut='this.innerHTML="MENU"'>MENU</span></p>
<div id="div1" style="width:40px;height:15px;display:none;background-color:red;float:left;"></div>
<div id="div2" style="width:40px;height:15px;display:none;background-color:green;float:left;"></div>
<div id="div3" style="width:40px;height:15px;display:none;background-color:blue;float:left;"></div>
</body>
</html>
소스의 전문인데요 ㅠㅠ 그 div창에 마우스가가면 이제 div창이 fadeout되지 않도록 하고싶은데
쉽지가않네요 ㅠㅠ 어떻게 구현하면 좋을까요?
베스트금지
글쓰기