java 鼠标动_[Java教程]图片跟着鼠标动js

[Java教程]图片跟着鼠标动js

0

2016-08-17 20:00:19

duisgf

#image{

position: relative;

left: 0px;

top: 0px;

}

var img = document.getElementById("image");

document.onclick = function(event){

var event = event || window.event;

targetX =event.clientX - img.offsetWidth/2;

targetY = event.clientY - img.offsetHeight/2;

}

var leaderX=0;

leaderY=0;

targetX=0;

targetY=0;

setInterval(function(){

leaderX = leaderX + (targetX - leaderX)/10;

leaderY = leaderY + (targetY - leaderY)/10;

img.style.left = leaderX+"px";

img.style.top = leaderY + "px";

},10)

本文网址：http://www.shaoqun.com/a/248065.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

JS

0