Java web - 数独九宫格游戏攻略

分享游戏攻略,源代码集集:-

 

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.lang.Math.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">    
    <title>九宫格图片游戏</title>
  </head>
      <script>
        var zhi = 0;
        function G_Start(M_img){
            var bushu =0;
            bushu++;
              var id = M_img.parentNode;                //找到父节点
            var id0 = document.getElementById(zhi);    //节点赋值

            if(id.id-id0.id==1 || id.id-id0.id==4 || id.id-id0.id==-1 || id.id-id0.id==-4){
                j=id.innerHTML;
                id.innerHTML=id0.innerHTML;
                id0.innerHTML=j;

                zhi = id.id;
            }
            
        }
    </script>
    
  <body background="pics/NineCell_BG.jpg">
  <%      
      String[] arr_img=new String[9];    //声明一个载入图片的数组
      int Gnum = 8;                    //有数字的八张图片
      int Gshow = 0;                    //接收随机图片序数     
      
      Random Grdm = new Random();        //声明一个随机数
      boolean[] Gflag = new boolean[Gnum];    //判断循环条件
      
      //载入图片
      for(int Gimg=1;Gimg<arr_img.length;Gimg++){
          //随机显示图片
          do{
              Gshow=Grdm.nextInt(Gnum);    //把八张图片的随机序数赋值
          }while(Gflag[Gshow]);
      
          Gflag[Gshow] = true;        //继续循环
          arr_img[0]=0+".bmp";        //没有数字的图片
          arr_img[Gimg]=Gshow+1+".bmp";    //有数字的图片
      }
  %>
 
  <center><h1 style="color:#6600FF;">欢迎使用九宫格游戏,祝您玩的愉快!</h1></center>
      <!-- 导入图片 -->
      <center>
          <table border="2">
              <tr>
                  <td id="0"><img src="pics/<%=arr_img[0] %>" οnclick="G_Start(this)"/></td>
                  <td id="1"><img src="pics/<%=arr_img[1] %>" οnclick="G_Start(this)"/></td>
                  <td id="2"><img src="pics/<%=arr_img[2] %>" οnclick="G_Start(this)"/></td>
              </tr>
              <tr>
                  <td id="4"><img src="pics/<%=arr_img[3] %>" οnclick="G_Start(this)"/></td>
                  <td id="5"><img src="pics/<%=arr_img[4] %>" οnclick="G_Start(this)"/></td>
                  <td id="6"><img src="pics/<%=arr_img[5] %>" οnclick="G_Start(this)"/></td>
              </tr>
              <tr>
                  <td id="8"><img src="pics/<%=arr_img[6] %>" οnclick="G_Start(this)"/></td>
                  <td id="9"><img src="pics/<%=arr_img[7] %>" οnclick="G_Start(this)"/></td>
                  <td id="10"><img src="pics/<%=arr_img[8] %>" οnclick="G_Start(this)"/></td>
              </tr>
          </table>
      </center>
      <p align="right">Bob 制作,版权所有!</p>
  </body>
</html>

转载于:https://www.cnblogs.com/rick168/archive/2013/06/03/3115863.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值