使用jQuery用键盘去控制图片移动

最新推荐文章于 2022-08-29 07:29:28 发布

u_u2020

最新推荐文章于 2022-08-29 07:29:28 发布

阅读量1k

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/u_u2020/article/details/117304340

版权

本文介绍了如何使用jQuery通过键盘事件控制图片上下左右移动，详细阐述了利用keydown事件和if/else及switch语句实现图片位置的改变。此外，还展示了如何创建一个简单的九九乘法表，利用for循环嵌套和字符串拼接显示在页面上。

摘要由CSDN通过智能技术生成

首先我们放两张图片设置一下样式：width:100px;height:100px;position:absolute;再给它们分别一个类img1和img2；这样我们就简单的设置好了。
我们先用if语句写：

首先我们要在键盘事件里面写代码，所以我们先写一个键盘事件$(window).keydown(function (e) { })这个键盘事件里面需要传一个参数，我们要用这个参数来接收从外界传过来的信息。
我们要声明四个变量分别为top，left，top1，left1；并且用parseInt（）的方法将其转化成数字，在括号里我们要获取两张图片的top值和left值，分别赋值给对应的变量，

var top = parseInt($(".img1").css("top"));

var

最低0.47元/天解锁文章

关注