1. 首先创建一个新的html，在body下面写入img照片标签，输入好标签后，然后在标签内选取你要尾随鼠标键的图片
   
2. 选取好了照片之后，我们就可以设置该图片的样式，这里的话比较简单，我们只需要给图片img设置定位就可以了，定位设置相对定位或者决定定位都可以，为了方便简介一点呢我们可以直接用img标签而不用在img后面加个类标签什么的，那就会显得比较麻烦
   
3. 这时候我们的css样式和源代码已经完成了，接下来就到我们写js的时候了，虽然有点难，只要理解了意思，那就没什么问题，首先，我们在源代码结尾写入script的标签，标签意思就是内联js，
   
4. 插入完js之后，我们就可以开始写js代码了，首先我们声明一个变量为img，然后获取到文档中所有包含img标签的内容，因为我们只有一个img所以用这个query selector会比较方便一点，或者通过id获取id元素getelement也是可以的
   
5. 声明了一个变量后，然后我们就得声明一个函数了，首先我们要理解清楚，图片尾随图片并不是设置图片的样式或者js，而是设置文档，也就是页面所有的地方，我们设置document之后，然后我们在后面添加个鼠标移入事件，=function（event），event也就是我们所说的浏览器兼容，如果不设置event的话，假如你在谷歌浏览器能把这个小案例做出来，那么在火狐、ie等等浏览器是看不到的，没有效果的，所有我们在下面在添加一句代码，就是我们function后面添加了一个变量event，然后我们在下面可以直接调用
   
6. 之后我们在下面只需要一句代码，我们就可以在所有浏览器中看到自己做的效果出来了，那就话大概的意思就是把声明的event等于浏览器中的event或者window中所带的event，通俗一点的话呢就是兼容浏览器的，IE8以下点击报错就得用兼容性
   
7. 之后我们声明一个变量为pageX的变量，意思就是获取浏览器网页的X轴，那代码就是var pageX=event.pageX，那么浏览器中的Y轴也是一样，在声明一个变量为Y就可以了
   
8. 当我们写到这里的时候，效果基本已经出来的了，之后我们处理一点小细节，那就是尽可能的把图片放在鼠标的中间，很简单，也是利用js的样式来完成效果，设置图片的样式的top值和left即可，至于减少多少，那也要看你的图片为多大，也是计算过的。
   
9. 最后来看看我们的效果，只要打开浏览器，图片是跟着鼠标移动的，那就表示你已经完成了这个效果，由于截图问题，截不到鼠标的位置，所有我把鼠标的位置画给了大家参考
   
   这是我所学到的尾随鼠标了，所以我要分享给你们，希望可以帮助到你们。
   以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！