Javascript 拼图游戏,可以自定义图片拼图,可以设置无限关卡,拼图成功后含动画效果...

基本就是拖拽功能的应用,其它鼠标事件绑定,距离的计算,动画等,也有很多细节问题,

需要亲自做了才知道, 支持IE系列,FIREFOX,chrome浏览器, IE6下可能有点卡。

过关卡的时候需要下载下一张图片,如果网速慢则会暂时停止一下,稍等一会就可以接着下一关。

玩到最后一关就可以自定义图片拼图了,只需要输入图片的地址就可以了!

如果需要直接自定义图片,则用谷歌浏览器或者FIREBUG把隐藏的Id  imgDiy 的层显示出来

就可以了. 

DEMO演示:点击试玩 

源代码下载:点击下载

IFREAME演示:

 就不解释了,我源代码里面的注释写得很清楚,有兴趣的可以看一下源代码,如下:




    
    JS
    
    
    


通过四个关卡后可以自定义图片    现在是第1

填入图片地址:

     转载请注明博客地址:http://www.cnblogs.com/NNUF/archive/2012/06/01/2531436.html

     

    转载于:https://www.cnblogs.com/NNUF/archive/2012/06/01/2531436.html

    你可能感兴趣的:(Javascript 拼图游戏,可以自定义图片拼图,可以设置无限关卡,拼图成功后含动画效果...)