用js实现某个div上的隐藏层出现和消失的方向与鼠标移上移下的方向一致。 10
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>demo</title>
<script language="javascript" type="text/javascript" src="jQuery.js"></script>
<script language="javascript" type="text/javascript">
function show(e){ //鼠标在box上面移动的时候显示ball
$('#ball').show();
var X = e.pageX - 125;
var Y = e.pageY - 125;
$('#ball').css('left',X + 'px');
$('#ball').css('top',Y + 'px');
}
function hide(){
$('#ball').hide();
}
</script>
<style type="text/css">
* {
margin:0px;
padding:0px;
}
#box {
width:500px;
height:500px;
border:#FF0000 solid 2px;
margin:100px;
position:absolute;
overflow:hidden;
}
#ball {
width:50px;
height:50px;
position:relative;
background-color:#0F0;
}
</style>
</head>
<body>
<div id="box" onMouseMove="show(event)" onMouseOut="hide()">
<div id="ball"></div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
