87,907
社区成员
发帖
与我相关
我的任务
分享求各位大神帮帮我这个小白，如何实现纯JQ编写WEB游戏的 开始界面（新界面）按钮转场
大概意思就是
我已经写完了游戏运行的所有代码，现在想加入一个开始游戏的动画，类似于下面这样图片
我想加入的背景图片是这个
以下是我做的一个小白游戏代码- -，各位大神，麻烦了，明天交作品了，我刚学了7天JQ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
<button id="mplay">播放</button> <button id="mpause">暂停</button>
<img id="b1"src="img/beijinga.png" style="width:1200px;height:820px;left:100px;position:absolute">
<img id="p1" src="img/stop_right.gif"style="left:200px;top:550px;position:absolute">
<img id="b2" src="img/xiaolong.gif" style="width:300px;height:300px;left:600px;top:570px;position:absolute">
<img id="b3" src="img/dalong.gif" style="width:500px;height:600px;left:580px;top:0.1px;position:absolute">
<img id="b4" src="img/sanlang.gif" style="width:150px;height:150px;left:400px;top:320px;position:absolute">
<img id="b7" src="img/luzhang2.png" style="left:380px;top:460px;position:absolute">
<img id="b8" src="img/luzhang.png" style="left:500px;top:200px;position:absolute">
<div xietiao ="k1" style="width:100px;height:10px;left:10px;top:50px;position:absolute;background-color:red;"></div>
<audio id="mu1" src="music/jgwkyq.mp3" ></audio>
</body>
</html>
<script>
略
</script>
我已经写完了游戏运行的所有代码，现在想加入一个开始游戏的动画，类似于下面这样图片
我想加入的背景图片是这个
以下是我做的一个小白游戏代码- -，各位大神，麻烦了，明天交作品了，我刚学了7天JQ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-3.4.1.min.js"></script>
</head>
<body>
<button id="mplay">播放</button> <button id="mpause">暂停</button>
<img id="b1"src="img/beijinga.png" style="width:1200px;height:820px;left:100px;position:absolute">
<img id="p1" src="img/stop_right.gif"style="left:200px;top:550px;position:absolute">
<img id="b2" src="img/xiaolong.gif" style="width:300px;height:300px;left:600px;top:570px;position:absolute">
<img id="b3" src="img/dalong.gif" style="width:500px;height:600px;left:580px;top:0.1px;position:absolute">
<img id="b4" src="img/sanlang.gif" style="width:150px;height:150px;left:400px;top:320px;position:absolute">
<img id="b7" src="img/luzhang2.png" style="left:380px;top:460px;position:absolute">
<img id="b8" src="img/luzhang.png" style="left:500px;top:200px;position:absolute">
<div xietiao ="k1" style="width:100px;height:10px;left:10px;top:50px;position:absolute;background-color:red;"></div>
<audio id="mu1" src="music/jgwkyq.mp3" ></audio>
</body>
</html>
<script>
略
</script>
...全文
请发表友善的回复…
发表回复
一支糖包仔 2020-01-09
- 打赏
- 举报
你用一个大的div（height:100%;width:100%;）写在你页面内容（游戏）前面，div加个点击事件，点击隐藏或者移除自己。
