js实现跟随鼠标移动的小球

本文实例为大家分享了射流研究…实现跟随鼠标移动的具体代码，供大家参考，具体内容如下

！DOCTYPE html html标题跟随鼠标/标题/标题样式类型=' text/CSS ' * { margin : 0；划水：0;} # div1 { width: 50px高度： 50px背景：红色；color: # fff文本对齐：中心；线高： 50px绝对位置：过渡：全部0.5s} # div2 {宽度： 50px高度： 50px背景：绿色；color: # fff文本对齐：中心；线高： 50px绝对位置：过渡：全部0.5s}。方框1 {宽度： 400像素；高度： 400像素；border: 1px固体# ccc}。方框2 {宽度： 400像素；高度： 400像素；border: 1px固体# CCC }/style body div class=' box1 ' on mouse move=' B1()' div id=' div 1 ' 1/div/div class=' box2 ' on mouse move=' B2()' div id=' div 2 ' 2/div/div/body脚本类型=' text/JavaScript '函数B1(ev){ var oEvent=ev | | event；var oDiv=文档。getelementbyid(' div 1 ')；if(oevent。客户端x 350 oevent。客户端350){ odiv。风格。left=oevent。客户端x ' px奥迪夫。风格。top=oevent。client y“px”；} }函数B2(ev){ var oEvent=ev | | event；var oDiv=文档。getelementbyid(' div 2 ')；if(oevent。客户端x 350 oevent。clienty 750){ odiv。风格。left=oevent。clientx ' px奥迪夫。风格。top=oevent。client y“px”；} }/脚本/html

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。