js实现单个div上下左右移动

很多人肯定玩过俄罗斯方块,俄罗斯方块就是多个div的组成跟变化,本先教你们如何利用单个div移动。

操作方法

  • 01

    新建一个htnl文件。

  • 02

    输入html:5+tab就会出现html的基本格式。

  • 03

    在body标签下编写”.activity+tab“就会出现<div class="activity></div>"。编写activity的css样式,由于样式少,我不新建文件编写。

  • 04

    编写js代码。

  • 05

    测试,就会看到有一个小红块,按键盘的上下左右键可以使方块上下左右移动。

(0)

相关推荐

  • js显示隐藏div

    如何使用JavaScript设置一个div点击从显示变为隐藏,再次点击从隐藏变为显示呢?实现的代码很简单,点击时先判断div是否是显示,如果div是显示就把div设置为隐藏,否则就变为显示. js代码 ...

  • 怎么用js显示隐藏div

    怎么用js来显示或隐藏一个div?很简单,下面一起来看一下. 操作方法 01 首先我们创建一个div,和一个按钮.用按钮的点击来控制div的显示或隐藏. 02 添加一个样式名叫hide的样式,主要是设 ...

  • JS如何控制DIV的显示和隐藏

    我们进行网页开发的时候,经常需要运用JS去控制某个div的显示或者隐藏.下面小编通过实例教大家如何实现这种功能. 操作方法 01 打开Sublime Text编辑器,新建一个HTML文档,注意一定要设 ...

  • js怎样添加类

    添加类在网页中也是非常重要的,那么怎样使用JavaScript来添加一个类呢?今天小编我就来分享一下方法! 操作方法 01 首先,书写一个div标签,然后使用button标签来在网页中添加一个按钮. ...

  • js 给div添加、删除class样式

    在制作动态网页时,经常需要动态给Div添加或者删除样式,利用jquery的addClass(id)与deleteClass(id) 添加或者删除class样式 操作方法 01 给div定义为id为my ...

  • JavaScript设置div内容;js设置div内容

    JavaScript如何设置div标签里的内容,只需要使用到innerHmtl即可. 操作方法 01 打开html开发工具,新建html文件.如图: 02 在html代码页面找到<body> ...

  • js 获取div高度并重新设置div高度与宽度

    操作方法 01 js 获取div高度并重新设置div高度与宽度 方法二 方法三

  • HTML标签marquee实现多种滚动效果(无需JS控制)

    页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制. 使用m ...

  • Angular.JS中指令的命名规则

    命名规范 同一个AngularJS指令,在js文件和html文件中有着不同的命名规范:在js文件中使用标准的小驼峰命名法,在html文件中使用"小写字母+连接符"的命名法.如下表所 ...