请求大佬教一下下面一段JavaScript!帮忙翻译一下,本人Js小白一枚 10

请求大佬教一下下面一段JavaScript!帮忙翻译一下,本人Js小白一枚我知道做出来的效果,但是就是不太懂原理。<scripttype="text/javascript... 请求大佬教一下下面一段JavaScript!帮忙翻译一下,本人Js小白一枚
我知道做出来的效果,但是就是不太懂原理。

<script type="text/javascript">
/*和图标飞 的图片*/
function Divflying(){
var div=document.getElementById('dv1');
if (!div) {
return;
}
var intX=window.event.clientX;
var intY=window.event.clientY;
div.style.left=intX+"px";
div.style.top=intY+"px";
}
document.onmousemove=Divflying;
</script>

<div id="dv1" style="position:absolute;">
< img src="究极进化作业XuLiqing/html/首页/小人头.png"><br>
低调的跟着鼠标飘过~~
</div>
展开
 我来答
布袋小老鼠
2017-11-06
知道答主
回答量:7
采纳率:100%
帮助的人:7663
展开全部
<script type="text/javascript">
/*和图标飞 的图片*/
function Divflying(){ // 声明一个函数,名字叫 Divflying
var div=document.getElementById('dv1'); //声明一个DIV变量,这个变量的值是一个ID叫 dv1 的<div></div>
if (!div) { //找不到这个容器就返回(啥也不做)
return;
}
var intX=window.event.clientX; //获取屏幕的X轴长度(宽)
var intY=window.event.clientY; //获取屏幕的Y轴长度(高)
div.style.left=intX+"px";// 获取的宽度加上px变成css偏移单位 (比如获取宽度50, 50 + px = 50px 。这50px被设为div的left数值) 下同
div.style.top=intY+"px";
}
document.onmousemove=Divflying; // 当鼠标移动的时候,就触发上面声明的函数。
</script>
<div id="dv1" style="position:absolute;">
< img src="究极进化作业XuLiqing/html/首页/小人头.png"><br>
低调的跟着鼠标飘过~~
</div>
纯手打,不懂再问
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式