jquery 拼图小游戏
趁着周末写了个小游戏,拼图,原理简单,首先分格,500x500 ,就分为100x100的25格 大概流程是, 1 点击格子时候,先检测是否有已经点击的格子,如果不存在,则直接加上“on”的样式,标记为要切换的格子 2 存在已经有"on"的格子,就检测是否可以切换格子位置,检测的标准时横纵相减的绝对值的和一定为1. 3 如果是1 则切换 其他则取消之前已经标记需要切换的格子的“on”的样式,给新的点击的格子标记上“on” 效果图 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>拼图游戏</title> <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <style type="text/css"> .mapSource{width:500px; height:500px; position:relative; border:1px solid gray; float:left;