本文介绍了使用JavaScript实现鼠标移动时图片跟随的两种方法。方法一通过直接修改样式属性实现即时跟随；方法二采用动画方式平滑过渡。这两种方法均可根据实际需求选择使用。
仅写出我知道的两种方法
方法一：
$(document).mousemove(function(e){
$("span").text(e.clientX + ", " + e.clientY);
var x =e.clientX;
var y = e.clientY;
document.getElementById("img").style.left=x+"px";
document.getElementById("img").style.top=y+"px";
});
方法二：
$(document).mousemove(function(e){
$("span").text(e.clientX + ", " + e.clientY);
var x =e.clientX;
var y = e.clientY;
$("#img").animate({"left":x,"top":y},1);
});
方法一：
$(document).mousemove(function(e){
$("span").text(e.clientX + ", " + e.clientY);
var x =e.clientX;
var y = e.clientY;
document.getElementById("img").style.left=x+"px";
document.getElementById("img").style.top=y+"px";
});
方法二：
$(document).mousemove(function(e){
$("span").text(e.clientX + ", " + e.clientY);
var x =e.clientX;
var y = e.clientY;
$("#img").animate({"left":x,"top":y},1);
});
扫一扫
1327
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
