怎么实现html元素跟随鼠标移动而移动？
我想要让html元素跟随鼠标移动而移动，那么，首先要设置元素的position:absolute，然后就是设置元素的坐标，我想要知道，是否所有元素都可以使用坐标定位其位置...
我想要让html元素跟随鼠标移动而移动，那么，首先要设置元素的position:absolute，然后就是设置元素的坐标，我想要知道，是否所有元素都可以使用坐标定位其位置？而不是使用position,margin来定位。
最重要的还是需要做出一个如下面<p>标签跟随鼠标移动而显示，怎么做到？
<html>
<body>
<p>hello</p>
</body>
</html>
还要有过渡效果，麻烦各位大神贴出代码，并作出注释，谢谢！ 展开
最重要的还是需要做出一个如下面<p>标签跟随鼠标移动而显示，怎么做到？
<html>
<body>
<p>hello</p>
</body>
</html>
还要有过渡效果，麻烦各位大神贴出代码，并作出注释，谢谢！ 展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
#div1 {width:100px; height:100px; background:red; position:absolute;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
document.onmousemove=function (ev)
{
var oEvent=ev||event;
var oDiv=document.getElementById('div1');
oDiv.style.left=oEvent.clientX+'px';
oDiv.style.top=oEvent.clientY+'px';
};
</script>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){
$(document).hover(function(event){
$("p").css({
position: "fixed",
left:event.pageX + 10,
top:event.pageY + 10,
});
})
})jQuery的写法。
追问
感谢回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
