本地js实现循环拖动效果。

最近，用原生js写的一个圆形鼠标滑动效果，代码如下：

标题

*边距：0；填充：0；}
div {宽度：50px；身高：50px；边界半径：50%；位置：绝对的；
边框宽度：10px；边框样式：固体；}
无功divlist = {}； / /创建一个空的集合，用来存储创建的div
对于（i = 0；i < 50；我+ ++）{循环数50，创建50 div（环）
var div = document.createelement（div）；
VaR红色= math.round（Math.random）*（255）；
VaR绿色= math.round（Math.random）*（255）；
VaR黄色= math.round（数学。随机）（×255）； / /（随机数作为彩铃）
div.style。边框颜色=RGB（+红+
document.body.appendchild（DIV）； / /创建文件中的环
divlist { divlist。长度} = div； / /会在空的每一环。
}
文件。移动鼠标=功能（e）{ / /先按下鼠标获得的相对位置
VaR EVT = window.event | | E / / IE兼容；
var x = EVT。ClientX +（文档。文档元素}。scrollLeft | |文件。身体。scrollLeft）； / /鼠标的当前位置的X
var y = EVT。clienty +（文档。文档元素}。scrollTop | |文件。身体。scrollTop）； / /鼠标的当前位置

divlist { 0 }。风格。左= x +PX； / /第一环的位置
divlist { 0 }。风格。= y +PX； / / Y位置的第一环

对（我= divlist.length-1；我> 0；我--）{ / /周期让其最后位置每一环
我divlist { }。风格。左= divlist {·}。offsetleft +PX；
我divlist { }。风格。最高divlist {·}。offsettop +PX；
}
}
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。