三、实验学时：6
四、实验原理：
jQuery技术，h选择器，过滤器，常用方法，常用动画
（2）掌握divulli布局；
六、实验结果和代码展示
请分步骤描述你完成本次实验的过程
1.首页界面：点击开始出现num行num列的表格，请写出实现该功能的jQuery代码、html代码、css代码，并截图展示。
while(hh==bb){bb=Math.floor(Math.random()*num*num);}
$("#main ul li").eq(bb).html("<img src='tuzi.png' class='tuzi'>");
jiange=parseInt($("#speed").val());
$(".dadishu").fadeOut(1000);
#main ul{
width:100%;
height:100%;
border:1px solid blue;
}
#main ul li{
list-style: none;
float:left;
border: 1px solid blue;
}
div{cursor:url(file:///E|/Notepad++/images/dadishu/hammer.png) ,auto;}
$("#main ul li").empty();
var num=$("#num").val();
var hh=Math.floor(Math.random()*num*num);
var bb=Math.floor(Math.random()*num*num);
$("#main ul li").eq(hh).html("<img src='dishu.png' class='dishu'>");
$("#goal").html(goal);
$(this).parent().html("<img src='ne/tuzi1.png'/>")
})
}
游戏速度：<input type="number" id="speed" value="2000">
4.计分：请写出实现该功能的jQuery代码、html代码和css代码，并截图展示。
{
score-=1;
$("#integration").html(score);
}
});
3.打击地鼠和兔子：页面上出现榔头，打击地鼠时实现更换图片，请写出实现该功能的jQuery代码、html代码和css代码，并截图展示。
$("body").on('click','.di',function(){
goal+=1;
5.倒计时：请写出实现该功能的jQuery代码、html代码和css代码，并截图展示。
function time(){var setTime;
var time=parseInt($("#time").val());
$(document).ready(function(){
varsettime=setInterval(function(){
电子科技大学成都学院云计算系
标准实验报告
（实验）课程名称jQuery
电子科技大学成都学院云计算系
电子科技大学成都学院
实验报告
学生姓名：王建尧学号：1641310911指导教师：康晓慧
实验地点：二教实验时间：15-16
一、实验室名称：云计算系计算机实验室
二、实验项目名称：jQuery+html+css实现打地鼠游戏
在这次实验中，我充分学习到的如何高效使用以前学的代码，并学到了如何设计页面，项目的分步骤进行等一系列的能力
八、对本实验过程及方法、手段的改进建议
我认为这个游戏虽说简单，但内容却一点也不简短。我认为实验该一直到做起，这样收获大些
报告评分：
指导教师签字：
$("#main ul li").width(w);
$("#main ul li").height(w);
Body
<body>
行数：<input type="number" name="1" value="2" id="num" />
2.出现图片：页面上循环地出现和消息图片（地鼠和兔子），请写出实现该功能的jQuery代码、html代码和css代码，并截图展示。
$(this).attr('sum',true);
$("#goal").html(goal);
$(this).parent().html("<img src='ne/dishu1.png'/>")
})
$("body").on('click','.tu',function(){
goal+=1;
$(this).attr('sum',true);
$("body").on('click','.dishu',function(){
score+=1;
$(this).attr('flag',1);
$("#integration").html(score);
$(this).closest("li").html("<img src='dishu1.png' class='dadishu'>");
if(time<=0){
clearInterval(settime);
return alert("游戏结束，您的得分为"+score);}
time--;
$("#Countdown").html(time);},1000);
});
}
<span id="Countdown">剩余时间：</span>
七、总结及心得体会
$(".dishu").fadeOut(jiange,function(){
if ($(this).attr('flag')!=1)
{
score-=1;
$("#integration").html(score);
}
});
$(".tuzi").fadeOut(jiange,function(){
if ($(this).attr('flag')!=1)
$("#main ul li").detach();
var num=$("#num").val();
for(i=0;i<num*num;i++){
$("#main ul").append("<li></li>");}
var w=Math.floor($("#main ul").width()/num)-2;
