Html
    Css
    Js

    
                        
body {
	position:relative;
}
div {
	width:20px;
	height:20px;
	position:absolute;
}
#div1 {
	background:red;
}
#div2 {
	background:blue;
}
#div3 {
	background:pink;
}
#div4 {
	background:hotpink;
}
#div5 {
	background:yellow;
}
#div6 {
	background:black;
}
#div7 {
	background:gray;
}
#div8 {
	background:deeppink;
}
#div9 {
	background:lightskyblue;
}
#div10 {
	background:green;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

简单鼠标跟随代码

1
      wang1103xin3
      2017/6/23 9:16:45

      使用的时候发现一个问题:当页面有滚轮操作时,滚轮的高度跟随的div无法同步,会造成跟随的div在鼠标上方或者下方跟随。

      解决的方法:

      将JS代码里的

      divs[0].style.left = even.clientX + "px";
      divs[0].style.top = even.clientY + "px";

      更改为

      divs[0].style.left = even.pageX + "px";
      divs[0].style.top = even.pageY + "px";

      即可。

      回复