今天我要做一个简单的九格拼图，最让我头疼的就是点击开始打乱图片位置。刚开始在百度查相关博客走了很多弯路。最后看了很多例子，自己写了一个方法。

脚本//打扰图片方法函数fun(){ var x=[]；var y；for(var I=1；i10I){ var div=document . getelementbyid(' d ' I ' ')；div . remove child(document . getelementbyid(' img ' I ' '))；} for(var I=1；i10I){ var img=document . create element(' img ')；//动态创建img标记vardiv 1=document . getelementbyid(' d ' I ' ')；var p=[1，2，3，4，5，6，7，8，9]；//使用p[]数组保存图片代码var j=math . round(math . random()* 8)；//生成由随机数j(var u=0；u x .长度；U) //遍历x[]数组，防止出现相同的图片代码{ if(x[u]==p[j]){ y=x[u]；打破；} } if(p[j]==y){ I-=1；继续；}else{ img.setAttribute('src '，' images/tiger_0' p[j])。gif ')；img.id=' img ' i} div 1 . appendchild(img)；x . push(p[j])；//添加已经出现在x[] array} dragdrop()中的图片数量；//拖动图片方法}/脚本点击开始随机打乱图片位置，如下图

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