<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>猜成语</title>
<link rel="stylesheet" href="css/globalMobile.css">
<link rel="stylesheet" href="css/idiom.css?t=1">
</head>
<body>
<div class="flex_col hl_idiom">
<div>
<div class="flex_col flex_col_2 size_16 color_666">
<div>
<span>第</span>
<span class="color_09f" id="hl-pass">0</span>
<span>关</span>
</div>
<div class="align_r">
<span>金币</span>
<span class="color_d51" id="hl-gold">0</span>
</div>
</div>
<div class="img_box">
<div style="background-image: url('img/001.jpg')" id="hl-img"></div>
</div>
<div class="flex_col flex_col_2 align_c color_09f">
<div>
<div class="btn" id="hl-reminder">提示</div>
</div>
<div>
<div class="btn" id="hl-about">关于</div>
</div>
</div>
<div class="select_box selected_box flex_col flex_col_4 align_c color_fff size_18" id="hl-selected">
</div>
<div class="select_box flex_col flex_col_4 flex_wrap align_c color_fff size_18" id="hl-select">
</div>
</div>
</div>
<div class="top_msg align_c color_ffc">(星益小游戏平台)猜成语</div>
<div class="bottom_msg align_c color_ffc">(下载更多源码)星益博客:blog.96xy.cn</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/idiom.js"></script>
<script type="text/javascript">
/* 猜成语数据 */
var idiomData=[
['001.jpg','一刀两断文字书写墨水难行','一刀两断','比喻断绝关系。形容行事乾脆爽快。'],
['002.jpg','一日千里走路行步阳山示炸','一日千里','形容良马跑得很快。比喻进步神速或事业发展得很快。'],
['004.jpg','一目了然眼睛看视文字平洗','一目了然','看一眼就完全清楚明白。'],
['008.jpg','一见锺情射箭爱字中穿赞脸','一见锺情','喻男女双方第一次见面便互相喜爱。'],
['010.jpg','一刻千金头转向嚣浮轻巧鹰','一刻千金','一刻时光,价值千金。形容时间非常宝贵。']
];
$.HLidiom({
pass:0, //当前关卡,从0开始
gold:20 //当前金币数量
},idiomData);
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
【前端素材】小游戏-071- 看图猜词2.0.zip
共10个文件
jpg:5个
js:2个
css:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 134 浏览量
2024-04-06
16:14:17
上传
评论
收藏 87KB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 前端游戏设计是游戏开发中至关重要的一部分,它涉及到游戏的外观、交互和用户体验等方面。以下是一些前端游戏设计的思路和关键点: 用户体验:确保游戏界面简洁直观,易于操作。考虑用户的需求和习惯,设计友好的用户界面,包括按钮、菜单、指引等,以提升用户体验。 视觉设计:选择合适的配色方案、图标和界面元素,保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画效果:运用动画效果增强游戏的交互性和趣味性。动画可以使游戏更生动,提升用户参与感。 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
资源推荐
资源详情
资源评论
收起资源包目录
【前端素材】小游戏-071- 看图猜词2.0.zip (10个子文件)
071- 看图猜词2.0
js
idiom.js 7KB
jquery.min.js 91KB
img
010.jpg 11KB
008.jpg 12KB
002.jpg 9KB
004.jpg 11KB
001.jpg 7KB
css
globalMobile.css 3KB
idiom.css 1KB
index.html 2KB
共 10 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 8978
- 资源: 5351
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功