请求大佬教一下下面一段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> 展开
我知道做出来的效果,但是就是不太懂原理。
<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> 展开
1个回答
展开全部
<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>
纯手打,不懂再问
/*和图标飞 的图片*/
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>
纯手打,不懂再问
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询