写一个狼动起来的函数,先定义两个数组来存储灰太狼和小灰灰的图片,再定义一个数组来保存狼可能出现的位置,即图中九个洞的位置
声明一个变量来存储图片,写一个0-8的随机数,用来随机获取图片的位置。再给图片设置定位
图片左边的值等于前面定义的数组中left的值,上面的值等于数组中top的值
写一个0-1的随机数来随机两个数组,来获取图片的类型(看是灰太狼还是小灰灰)
如果是0就输出灰太狼,是1就输出小灰灰
设置图片的下标限定为第一张到第六张
写一个定时器,处理灰太狼和小灰灰的冒出动画,把图片的类型和索引赋值给img,并且递增。如果图片的开始下标大于结束下标就删除图片并且清除定时器,再调用停止灰太狼和小灰灰的动画方法
将图片添加到界面
写一个加分减分的函数,先获取wolfImage元素,再写一个点击事件,重新编写图片的下标
拿到当前点击图片的地址,并且判断图片地址是否为灰太狼
根据点击图片类型加减分,点击灰太狼加10分,点击小灰灰减10分,但是加完分之后要给wolf.wolfimage=null,.是为了避免重复点击重复加分
最后写停止冒出灰太狼和小灰灰的动画
运行结果如下:
今天到这里就结束了哦!!!!!