JavaScript实现小人儿跟随鼠标效果

练手：JavaScript实现小人儿跟随鼠标小效果。

小人儿图片（随意图片）：

分析：

  1、图片应该使用绝对定位。

  2、需要用到 mousemove 鼠标事件。

  3、需要得到鼠标相对于浏览器窗口可视区的 X 和 Y 坐标来改变图片位置坐标，使用——clientX，clientY。

 

html:

 <img src="./images/timg.gif" id="moveGif">

css：

 #moveGif{
       position: absolute;
   }

JavaScript：

document.addEventListener('mousemove',function(e){
        var x=e.clientX;
        var y=e.clientY;
        var img=document.getElementById("moveGif")
        img.style.left=x+'px';
        img.style.top=y+'px';
    })