html与js简单小游戏,使用js写了一个特别简单的小游戏

小游戏

var num=1;

function fun(){

if (num==1){

fun2();

num=2;

}

else if(num==2){

fun3();

num=3;

}

else if(num==3){

fun4();

num=4;

}

else if(num==4){

fun1();

num=1;

}

function fun1(){

document.getElementById('d1').style.left=0+"%";

document.getElementById('d1').style.right=88+"%";

document.getElementById('d1').style.top=0+"%";

document.getElementById('d1').style.bottom=76+"%";

}

function fun2()

{

document.getElementById('d1').style.left=88+"%";

document.getElementById('d1').style.right=0+"%";

document.getElementById('d1').style.top=0+"%";

document.getElementById('d1').style.bottom=76+"%";

}

function fun3()

{

document.getElementById('d1').style.top=76+"%";

document.getElementById('d1').style.bottom=0+"%";

document.getElementById('d1').style.left=88+"%";

document.getElementById('d1').style.right=0+"%";

}

function fun4()

{

document.getElementById('d1').style.bottom=0+"%";

document.getElementById('d1').style.left=0+"%";

document.getElementById('d1').style.top=76+"%";

document.getElementById('d1').style.right=88+"%";

}

#d1

{

width: 160px;

height:160px;

background-color: #66ffff;

border: 2px solid #59d9d9;

border-radius:10px 10px 10px 10px ;

box-shadow: 2px 2px 10px #cccccc;

position: absolute;

top: 0%;

left: 0%;

right:86%;

bottom:86%;

}

#input{

margin-top:45px;

margin-left: 30px;

width: 101px;

height: 68px;

background-image: url("button.png");

background-color: #66ffff;

color: #ffffff;

font-weight: 700;

border: 0px;

}

html与js简单小游戏,使用js写了一个特别简单的小游戏相关推荐

用js写出数据结构中的自定义队列，利用队列思想写出一个击鼓传花的游戏函数，优先级队列
队列的核心是先进先出 1.用js写出数据结构中的自定义队列 class Queue{constructor(){this.item = [];}// 1.入队enqueue(ele){this.ite ...
C++小游戏扫雷——如何写出一个简易的扫雷
C++小游戏扫雷--如何写出一个简易的扫雷其实很简单,但是这段代码不知道是否有BUG,有的话可以提出,谢谢大家. all.h函数库 #include "all.h" using ...
我用Python写了一个成语接龙的游戏，并把它部署到了手机上
我用Python写了一个成语接龙的游戏,并把它部署到了手机上成语大全数据 6月高考的前一天,我发布的一篇文章,决战高考,帮你秒变成语之王,当时只是把 http://chengyu.haoshiwen ...
java猜数游戏图形界面_Java做一个猜数的小游戏
@Author : By Runsen 效果展现猜数字游戏是一个简单,有趣的小游戏.游戏者通过输入一个指定区间的数字,与系统产生的随机数进行对比,然后输出相应的结果. 游戏运行时产生一个0-10之间 ...
不会吧，小编用Python制作了一个滑雪大冒险小游戏
相关文件源码分享,问题解答!! 关注小编,私信小编领取哟! 当然别忘了一件三连哟~~ 对了大家可以关注小编的公众号哟~~ 有很多资源可以领取的哟!! 大家也可以去b站看我的一些教学视频哟!! 更多P ...
c#推箱子小游戏代码_C#做的一个推箱子的小游戏
C#做的一个推箱子的小游戏 c# 2021-1-6 下载地址 https://www.codedown123.com/59125.html 本推箱子游戏使用数组实现,用不同的数字标识不同的物体,从而简 ...
我给舅舅用Python写了一个订餐系统微信小程序！生意简直火爆！
微信登录功能的实现通过小程序的前端配合python-flask的后端,实现登录接口的功能在我们正式写代码之前读一下微信小程序的官方文档. https://developers.weixin.q ...
Java swing + socket 写的一个五子棋网络对战游戏
自从开始接触Swing以来,就喜欢写写各种管理系统,写多了就萌生了一种类似于实时在线对战的游戏,经过一番构思后就开始着手设计这个网络对战版本的五子棋了. 游戏代码包含两部分,常规的C/S模式(C代表客 ...
HTML写一首简单的居中唐诗,韩愈写的诗最简单的10篇
韩愈是古文运动的倡导者,主张继承先秦两汉散文传统,反对专讲声律对仗而忽视内容的骈体文.韩愈文章气势雄伟,说理透彻,逻辑性强,被尊为"唐宋八大家"之首.时人有"韩文&quo ...
游戏3D建模师是一个什么样的工作？游戏模型制作过程解析
现在游戏已经成为大部分人生活上的一部分,在玩游戏的过程中,相信很多人也会梦想成为一个游戏模型师,自己设计出好看的游戏人物,成为游戏行业里的一员. 但是很多人都对游戏3D建模师这个工作具体是做什么的并不 ...

html与js简单小游戏,使用js写了一个特别简单的小游戏

html与js简单小游戏,使用js写了一个特别简单的小游戏相关推荐

最新文章

热门文章