纯射流研究…五子棋（各浏览器兼容)效果图

代码下载超文本标记语言代码复制代码代码如下：DOCTYPE html html head meta http-equiv=' Content-Type ' Content=' text/html；'标题五子棋/title link rel='样式表type=' text/CSS ' href=' http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/reset。CSS '脚本类型=' text/JavaScript ' src=' http :http://沙箱。runjs。cn/uploads/RS/102/r2dy 3 tyw/cookiehandle。js '/脚本类型=' text/JavaScript ' src=' http 3包装材料{宽度： 600像素相对位置：} /* 棋盘*/div。棋盘{ margin: 30px 0 0 50px宽度： 542像素；后台： URL(http://沙盒。运行js。cn/uploads/RS/102/r2dy 3 tyw/check board。png)无重复14px 14px RGB(250，250，250)；飞越：隐藏；盒影： 2px 2px 8px # 888-web套件-box-shadow : 2px 2px 8px # 888；-moz-box-shadow : 2px 2px 8px # 888；} div。棋盘向左移动宽度： 36px高度： 36px边框-top: 0px实心# ccc边框-左侧： 0px实心# cccborder-right : 0；边框-底部： 0;光标：指针；} /* 棋子*/div。棋盘div。黑色{背景： URL(http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/black。png)不重复4px 4px} div。棋盘div。白色{背景： URL(http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/white。png)不重复4px 4px} div。棋盘div。悬停{背景： URL(http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/hover。png)不重复1px 1px} div。棋盘div。悬停向上{背景： URL(http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/hover _ up。png)不重复1px 1px} div。棋盘div。悬停向下{背景： URL(http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/hover _ down。png)不重复1px 1px} div。棋盘div。悬停-向上-向左{背景： URL(http://沙盒。runjs。cn/uploads/RS/102/r2dy 3 tyw/hover _ up _ left。png)不重复1px 1px} div。棋盘div。悬停-向上-向右{背景： URL(http://沙盒。runjs。cn/