JavaScript事件——【小案例】飞机发射子弹

最新推荐文章于 2022-04-11 22:31:14 发布

喋喋小菜鸡

最新推荐文章于 2022-04-11 22:31:14 发布

阅读量1k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/DebbyOctober/article/details/108325519

版权

效果图：

步骤：

1.规定飞机的走向（键盘事件）
2.发射子弹（子弹位置：left top ）

图片素材：

飞机：shoot/1.gif
在这里插入图片描述

子弹：shoot/2.png
在这里插入图片描述

完整代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
	    img{
   
	        position:absolute;
	        left:0px;
	        top:0px;
	    }
	</style>
	<body>
	<img src="shoot/2.png" alt="" id="pos0" style="display: none">
	<img src="shoot/2.png"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

喋喋小菜鸡

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaScript事件——【小案例】飞机发射子弹

1>规定飞机的走向键盘事件2>发射子弹子弹位置：left top完整代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> img{ position:absolute; left:0px
复制链接

扫一扫