{/tabs-pane} {tabs-pane label="支付宝"}
{/tabs-pane} {tabs-pane label="ＱＱ"}
{/tabs-pane} 发布作者： _北海彡
百度收录： 正在检测是否收录...
最后更新： 2025年 02月 12日 15:56
作品采用： 《 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 》许可协议授权
神奇的JS——2048小游戏
2024年09月07日 293阅读 6评论 2点赞
又找到一个有意思的源码，纯JS能做出这样的小游戏，属实是有点6，和上一篇的主题是一样的，废话不多说，直接上源码。
效果图片
演示
http://http://lgnb.asia/bbx/2048/1.html
源代码
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<!--网站LoGo显示-->
<link rel="shortcut icon" href="http://lgzgzs.top/bbx/img/7.png" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>2048</title>
<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="1.css">
</head>
<body>
<div class="container">
<div class="heading">
<h1 class="title">2048小游戏</h1>
<div class="scores-container">
<div class="score-container">
<div class="score-addition"></div>
</div>
<div class="best-container"></div>
</div>
</div>
<div class="above-game">
<a class="restart-button">新游戏</a>
</div>
<div class="game-container">
<div class="game-message">
<p>
</p>
<div class="lower">
<a class="keep-playing-button">继续前进</a>
<a class="retry-button">再试一次</a>
<div class="score-sharing"></div>
</div>
</div>
<div class="grid-container">
<div class="grid-row">
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
<div class="grid-row">
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
<div class="grid-row">
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
<div class="grid-row">
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
<div class="grid-cell">
</div>
</div>
</div>
<div class="tile-container"></div>
</div>
<p> LGZ提示： ⬅➡⬆⬇滑动屏幕移动</p>
<script src="p.js"></script>
<div style="text-align:center;">
<p><a href="" title="" target="_blank"></a></p>
</div>
</body>
</html>剩下两个文件过大就放底下下载了，如下.
1.css
p.js
当然也可以用本工作室的CDN形式来加载，如下.
<link rel="stylesheet" href="http://lgz.lgnb.asia/bbx/2048/1.css">
<script src="http://lgz.lgnb.asia/bbx/2048/p.js"></script>
就是以上这些了，喜欢点个赞，拿走吱一声呦~
—— 评论区 ——
人生倒计时
最新评论
-
8天前 - 8天前
- 9天前
- 10天前
- 10天前
舔狗日记
神奇的JS——2048小游戏 - LGZ - 海云博客
[url=http://www.gu8oo86a08re7n9a28e82m31r8v4uj3hs.org/]uhiwzycrpw[/url]
ahiwzycrpw
hiwzycrpw http://www.gu8oo86a08re7n9a28e82m31r8v4uj3hs.org/
神奇的JS——2048小游戏 - LGZ - 海云博客
[url=http://www.gy27ite1ggd0g3d08786k3f18f97aa9os.org/]ubxcglzizf[/url]
bxcglzizf http://www.gy27ite1ggd0g3d08786k3f18f97aa9os.org/
abxcglzizf
神奇的JS——2048小游戏 - LGZ - 海云博客
afjihiezte
fjihiezte http://www.g258547fv08i297nrmznutajx5i2v769s.org/
[url=http://www.g258547fv08i297nrmznutajx5i2v769s.org/]ufjihiezte[/url]
段落衔接自然，过渡流畅，读来一气呵成。
立意高远，以小见大，引发读者对社会/人性的深层共鸣。
多语种文献的引用彰显学术包容性。