好玩
关注
分享
扫一扫
文章平均质量分 88
好玩
海拥✘
优快云 内容合伙人，全栈领域优质创作者，华为云享专家，阿里云专家博主，InfoQ、蓝桥云课签约作者，HDZ核心组成员，全网粉丝20万+。一枚爱好计算机科学，乐于分享技术与快乐的博主。
展开
-
使用 HTML、CSS 和 JS 创建响应式可过滤的游戏+工具展示页面
响应式可过滤的游戏+工具展示页面 用于各种网站以按类别对图像进行排序。在本文中，我将向您展示如何借助 HTML CSS 和 javascript 创建响应式可过滤的游戏+工具展示页面。可过滤作品集是一种流行的网络元素，可用于各种网站。它是一种作品画廊，大量作品整齐地排列在一起。值得注意的一点是，所有作品都可以在这里按类别排序。有一个导航栏，其中对所有类别进行了排序。单击这些类别中的任何一个时。然后可以看到该类别中的所有作品，而隐藏其余作品。结果，用户可以轻松地找到他选择的图像。原创 2021-09-04 15:41:18 · 28113 阅读 · 97 评论 -
基于 HTML+CSS+JS 的石头剪刀布游戏
游戏可以通过这个链接进入 👉https://haiyong.site/moyu/shitoujiandaobu关于（JS）构建过程：首先，我创建了一个对象，其中包含每种可能性的文本格式（石头、纸、剪刀），然后将图像源也添加到该对象中。在我制作的 HTML 中：playerChoiceImgplayerChoiceTxtcomputerChoiceImgcomputerChoiceTxt能够修改其中的每个内容。然后创建了一个points变量，它将存储每个玩家（玩家和计算机）的分数.原创 2022-03-31 15:38:01 · 17219 阅读 · 39 评论 -
基于HTML5+CSS+JS的响应式圣诞老人过悬崖小游戏
基于HTML5/CSS/JS响应式圣诞老人过悬崖小游戏，拉杆子跨越悬崖小游戏，拉杆子过关小游戏非常火爆，并且非常好玩受欢迎，游戏玩法:按住鼠标伸出一根棍子。免费下载地址：https://download.youkuaiyun.com/download/qq_44273429/14156656游戏截图：Html代码：<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title&原创 2021-12-24 16:58:54 · 5541 阅读 · 9 评论 -
【程序员的浪漫】圣诞节到了，何不送给Ta一份程序员的浪漫
接下来是雪花❄，圣诞树，新年和更好的我们世上本无圣诞老人，所有的礼物都来自爱你的人今天给大家带来几个好看的基于HTML+CSS（+JS）的圣诞树，希望圣诞节那天圣诞老爷爷能把我喜欢的你塞到我床上雪花 和 樱花 以及 浪漫贺卡 我前两天刚做过，感兴趣的也可以看看我前两期的博客：雪花：https://haiyong.blog.youkuaiyun.com/article/details/105786233樱花：https://haiyong.blog.youkuaiyun.com/article/detail原创 2021-12-19 19:01:58 · 16654 阅读 · 39 评论 -
使用 HTML、CSS、JavaScript 创建一个简单的井字游戏
作者主页：海拥作者简介：优快云全栈领域优质创作者、HDZ核心组成员、蝉联C站周榜前十粉丝福利：粉丝群 每周送四本书，每月送各种小礼品(搪瓷杯、抱枕、鼠标垫、马克杯等)直接跳到末尾 去评论区领书使用 javascript 创建游戏是最有趣的学习方式。它会让你保持动力，这对于学习 Web 开发等复杂技能至关重要。此外，你可以和你的朋友一起玩，或者只是向他们展示你做的小东西，他们也会感到很有趣的。在今天的博文中，我们将使用 HTM原创 2021-11-19 13:36:49 · 13985 阅读 · 50 评论 -
使用 HTML、CSS 和 JS 创建在线音乐播放器(含免费完整源码)
直接跳到末尾 获取完整源码今天我将带着大家使用 HTML、CSS 和 JS创建 音乐播放器，没有使用任何其他库。我们的音乐播放器具有三个部分。主屏幕、播放器部分和播放列表部分。我们的主页部分有一个平滑的工作滑块，也有水平滚动。这个音乐播放器最好的部分是它最小化了音乐播放器。是的，您可以最小化和最大化播放器本身。使这个项目成为一个很棒的音乐播放器。❤️使用 HTML、CSS 和 JS 创建在线音乐播放器❤️???? 在线演示地址???? 完整代码结构???? home-section 首页部分???原创 2021-09-13 15:44:35 · 45121 阅读 · 71 评论 -
使用 HTML、CSS 和 JS 的简单倒数计时器
JavaScript 倒数计时器用于各种电子商务和建设中的网站，以使用户保持最新状态。我们在不同类型的电子商务网站上看到，在任何产品或优惠到达之前的某个时间开始倒计时。在本文中，我使用简单的 JavaScript 代码创建了一个倒数计时器和你分享。您可以观看它的现场演示以了解它是如何工作的。如果您知道如何创建数字时钟，那么创建这样的项目就会容易得多。您可以在此处提前安排特定日期或时间。然后，在 JavaScript 代码的帮助下，从那个时间减去当前时间，减法每秒减少一次。正如您在上图中所看到的，我在这原创 2021-09-10 08:40:13 · 24868 阅读 · 78 评论 -
【优快云浏览器助手9月新版本】免费插件让你享受VIP待遇！
优快云浏览器插件助手全新版本 9 月强势上线！浏览器助手9 月新版本，点击体验9 月新功能本插件现已经过多轮的迭代，体积小，内存占用少，也便于开发者快速安装和使用九月上线的新版本增加了“博客净化”功能，去掉广告，砍掉边栏……打造沉浸式阅读体验。???? 优化博客代码显示???? 优化博客图片样式???? 优化博客引用样式???? 优化相关推荐高亮样式???? 限制评论、相关推荐区域高度原创 2021-09-02 08:29:26 · 18529 阅读 · 70 评论 -
手把手教你使用 Python 制作贪吃蛇游戏
贪吃蛇游戏是有史以来最受欢迎的街机游戏之一。在这个游戏中，玩家的主要目标是在不撞墙或不撞墙的情况下抓住最大数量的水果。在学习 Python 或 Pygame 时，可以将创建蛇游戏视为一项挑战。这是每个新手程序员都应该接受的最好的初学者友好项目之一。学习构建视频游戏是一种有趣而有趣的学习。我们将使用Pygame来创建这个蛇游戏。Pygame是一个开源库，专为制作视频游戏而设计。它具有内置的图形和声音库。它也是初学者友好的和跨平台的。???? 安装要安装 Pygame，您需要打开终端或命令提示符并输入以下原创 2021-08-30 08:11:44 · 15481 阅读 · 78 评论 -
CSS 很神奇，是时候尝试 3D 了
CSS 变换是CSS最通用和最神奇的属性之一。它不仅是在您的网站上实现流畅动画的最佳方式，而且您还可以使用CSS 3D 转换创造奇迹。像这个——我提前为数个 GIF 占用您的互联网带宽而道歉，但我希望这是值得的！但是等等，立方体的两个边都不见了！！！我故意这样做是为了更容易理解和形象化。我会在文末添加获取上述结果的完整代码链接！第一件事 - translate是如何工作的？translate方法基本上将 HTML 元素从其实际位置移动，而不会干扰布局树上的任何其他兄原创 2021-07-15 09:57:27 · 27356 阅读 · 98 评论 -
手把手教你使用 Java AWT 创建一个简易计算器
目录 关于AWT 逻辑部分 1.对于数字按钮✨ 2.对于算术按钮???? 3.对于等号按钮 4.对于清除按钮 5.对于退格按钮⏰ 6.特殊插件功能???? GIF演示 附完整代码： 结尾想说的在本 Java 教程中，这个计算器有一些简单的功能，比如所有基本的数学运算和一些特殊的附加功能，我们将在后面看到那么让我们开始关于AWTAWT （抽象窗口工具包）是一个有助于构建 GUI 的 API （图形用户界面）基于 java 应用程序。GU原创 2021-07-08 17:29:57 · 12773 阅读 · 42 评论 -
三分钟让你也拥有一个很酷炫的GitHub展示页面(保姆级教程)
按照下面这个简单演练中的步骤，在您的 GitHub 个人资料上自定义您的 Readme.md，使其看起来更有吸引力。我还提供了一些很酷的元素来增加趣味！1.创建一个新的存储库 - 进入存储库名称，该名称应与您的用户名相同。这将创建一个秘密存储库。 - 将存储库设为公开。 - 选中该框 - 添加自述文件。 - 然后单击创建存储库。2.更新README文件 - 初始文件看起来像这样，带有一条简单的消息。 - 您可以通过单击 右侧的“编辑自述文件”按钮来编辑文件。原创 2021-06-10 13:28:48 · 6501 阅读 · 124 评论 -
超赞Win10日历悬停效果，爱了爱了(使用HTML、CSS和vanilla JS)
在本文中，我将向您解释我是如何创建自己的Windows 10悬停效果日历的本文可能有点复杂，但这是针对初学者的，如果您已经精通JS，并且知道Grid悬停逻辑，则可以快速遍历代码以了解发生了什么。如果基础较差也没关系，建议点赞收藏日后慢慢研究观察结果1.毫无疑问， 这里使用了“网格悬停”效果，但是在光标周围的每个方向上突出显示了一个以上元素的边框，即，元素后面的元素也被突出显示了2.日期没有按钮悬停效果3.网格悬停效果不适用于活动日期（今天的date）元素。4.默认情况下，活动日期在边框和.原创 2021-05-27 21:58:21 · 5162 阅读 · 142 评论 -
基于HTML/CSS/JS的年龄计算器 | 带有免费源码
年龄计算器 | 带有免费源码的Javascript项目演示效果HTML代码CSS代码Javascript演示地址源码下载相关内容JavaScript提供了一些内置的日期和时间函数，有助于从日期（出生日期）开始计算年龄。使用这些JavaScript方法，您可以轻松找到任何人的年龄。为此，我们需要用户输入日期和当前系统日期。 .原创 2021-12-07 09:27:43 · 6580 阅读 · 24 评论 -
一个基于HTML的可定制轮盘——帮你告别选择困难症
基于HTML的旋转转盘—小于30kb的可定制轮盘????演示链接：http://haiyongcsdn.gitee.io/spin-the-wheel/我非常希望并感谢大家对改进它提出任何反馈，我已经盯着它看了一个星期????我一直在为棋盘游戏玩家建立一个简单工具的网站。由于各种原因，有时您需要在线掷骰子，翻转卡片或旋转微调器。该网站适用于诸如此类的简单操作。出于以上原因我做出了一些决定：该网站应尽可能地易于访问任何页面都不得大于 30kB每个工具都应该有一个no javascript 后原创 2021-04-06 21:07:25 · 5474 阅读 · 0 评论 -
25个带有酷炫动画的创意404错误页面，快给你的网站换上吧（持续更新）
1.Fargo 404受Fargo启发的404页面，用于DailyUI2.No Vacancy 404使用novacancy.js来测试404页面的概念。随时使用它，如果您感觉很好，请大声疾呼！原创 2021-04-05 21:52:29 · 4447 阅读 · 3 评论 -
2021年响应式导航菜单️|| CSS JS
2021年响应式导航菜单????️|| CSS JSHTMLSCSSJavaScript最后让我们在2021年从头开始为台式机和移动屏幕构建响应式导航汉堡菜单????️来到Codepen.io或任何代码编辑器，然后将它们写在scss中????// Changing default styles*{ margin: 0px; padding: 0px; box-sizing: border-box; body{ font-family: sans-serif; wi原创 2021-03-08 21:50:44 · 5264 阅读 · 2 评论 -
给大家分享一个基于HTML/CSS/JS酷炫的登陆注册表单
演示效果：在下面，您可以看到我创建的演示：一个基于HTML，CSS，JS的登陆注册表单，文章中给出了完整的源码项目描述在转到实际代码之前，我想对组件中要包含的内容进行分解。这将有所帮助，因为它将使我们编写的代码更加清晰。我们在主要组件（.container）中有4个较小的屏幕/框：在登录形式该会员注册表格在登录覆盖该会员注册覆盖另外，您会在某一时刻看到以下任一情况：在登录形式旁会员注册覆盖该会员注册的形式旁边的登录覆盖在覆盖面板中，我们有一些文本和button—单击以原创 2021-03-07 19:28:40 · 5437 阅读 · 20 评论 -
基于HTML/CSS/JS的架子鼓，可以用键盘弹奏⌨️
基于HTML/CSS的架子鼓，您可以用键盘弹奏⌨️组装套件怎么玩？进行声音检查下载1.优快云积分下载2.关注公众号相关内容我已经制作了吉他，您可以在这里找到它：JavaScript????????制作一个可以正常工作的Guitar????吉他演示：https://wanghao221.github.io/game/js-guitar/（打不开的话刷新试试）架子鼓演示：https://wanghao221.github.io/game/js-drumkit/（打不开的话刷新试试）代码已打包上传，原创 2021-02-23 10:44:37 · 9675 阅读 · 3 评论 -
让我们使用JavaScript制作一个可以正常工作的Guitar
让我们使用JavaScript制作一个可以正常工作的Guitar锻造仪器将吉他弦夹在适当的位置启动放大器！EDIT:抓住选择！下载1.优快云积分下载2.关注公众号相关内容让我们来制作吉他！好吧，不是物理吉他，而是下面这个东西：数字吉他！感兴趣吗？好吧！就像一场精彩的摇滚表演一样，不妨来试试！演示地址：https://wanghao221.github.io/game/js-guitar/（打不开的话刷新试试）代码已打包上传，在文章末尾哦锻造仪器我从一些样板程序开始：一个...原创 2021-02-19 16:28:55 · 9328 阅读 · 2 评论 -
基于HTML/CSS/JS的十一个情人节表白可爱小游戏、小动画【情人节主题征文】
情人节表白可爱小游戏、小动画我要悄悄学习，做一个浪漫的程序员1.小鹿亲嘴2.变成小猫3.爱心表白4.爱心溢出5.思念如马6.霓虹灯爱心7.3D旋转相册8.用不同的语言说“爱”9.愿意做我女朋友吗10.我被你所深深吸引11.想对你说的话都在抽屉里总结1.演示地址2.代码下载1.优快云积分下载2.关注公众号免费获取相关内容我要悄悄学习，做一个浪漫的程序员本来想赶在前几天在情人节之前把这篇文章写完，结果又是过年，又是走亲戚，情人节这天我又和女朋友看电影去了，所以一直到今天，白天忙完了事情，这才给大家带来这原创 2021-02-17 21:32:24 · 4182 阅读 · 0 评论 -
11个基于HTML/CSS/JS的情人节表白可爱小游戏、小动画
我要悄悄学习，做一个浪漫的程序员；一直以来我学前端都是因为对一些好玩的小游戏，小项目感兴趣，虽然现在的工作不是前端，但我每天都还会坚持学习。今天的文章就是给大家带来一些基于HTML/CSS/JS的情人节表白可爱小游戏、小动画。1.小鹿亲嘴这两个年轻的小鹿相爱。你可以帮助他们在一起吗？使用Matter.js物理特性和自定义psuedo-rigging进行构建。已更新为固定大小，以防止某些屏幕尺寸出现对齐问题。主要HTML代码：<!DOCTYPE html><html>原创 2021-02-16 13:22:02 · 12913 阅读 · 4 评论 -
勇猛的兔子的疯狂奔跑小游戏
勇猛的兔子的疯狂奔跑小游戏1.运行效果2.游戏玩法3.游戏截图4.代码展示5.项目下载地址相关内容原创 2021-01-23 11:27:41 · 9342 阅读 · 0 评论 -
免费且好用的GIF录制软件LICEcap
GIF录制软件LICEcap想必经常写博客的小伙伴经常会需要上传运行的效果图，也就是 GIF 动态图，网上有些GIF录制或者转换的软件或者网站都需要付费，目前有以下方式可供选择。1.先使用视频录制软件(比如QQ自带的录制)，然后通过某些转换工具(比如 GIF Brewery)将视频文件转换成 GIF格式2.或者直接使用某些 GIF 录制工具 GifCam 也很不错今天要介绍的就是一款非常轻量级且功能强大的免费 GIF 录制工具 — LICEcap。介绍LICEcap 可以捕获桌面区域并将其直接保原创 2021-01-15 12:30:43 · 7905 阅读 · 0 评论 -
快过年了，用JS让你的网页放烟花吧
马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。在 codepen 里搜索 “fireworks” 可以搜到各种使用JS完成的烟花效果。我今天分享的代码，也是参考自其中一个。这分代码经我修改后，已经植入到“我爱掘金”的蝌蚪池塘中，只要发送“新年快乐”，“春节快乐”，就可以在池塘里放烟花了。这篇文章看完，保证你在任何平台，用任何语言都可以写原创 2021-01-15 00:11:22 · 4580 阅读 · 0 评论 -
基于Hexo和GitHub搭建一个免费博客域名图文教学
首先给大家看一下我的成品：https://wanghao221.github.io/搭建自己博客分为两类，一种是托管到github上的，以hexo为代表，另一种是需要自己租服务器，主要使用wordpress框架。有不花钱的效果也很不错，就没必要自己再购买服务器了，下边主要介绍下使用hexo搭建个人博客。hexo支持Markdown，使用Markdown来编写文章，（推荐一个Markdown编辑工具typora，可从官网下载，或者从我上传的资源中免费下载：https://download.csdn.ne原创 2021-01-11 20:34:59 · 4173 阅读 · 1 评论 -
基于HTML的消灭方块小游戏
基于HTML的消灭方块小游戏一个基于HTML，Javascript的消灭方块小游戏-> view online demoscreenshot:原创 2021-01-05 21:19:17 · 6892 阅读 · 0 评论 -
一个基于HTML，Javascript的消除游戏
消除游戏-消消乐一个基于HTML，Javascript的消除游戏。使用了createjs框架。-> view online demoscreenshot:Example 1:Example “hint()”:Example [col&row]:{col:20, //set 20 columnsrow:16, //set 16 rows}usage:<div class="game-container"> <canva原创 2021-01-05 00:34:23 · 9444 阅读 · 2 评论 -
HTML5汽车赛道飙车游戏免费源码下载
HTML5汽车赛道飙车游戏 HTML5汽车赛道飙车游戏代码免费下载：https://download.youkuaiyun.com/download/qq_44273429/14017244简介：H5精品短跑赛车俱乐部游戏，赛车游戏源代码。游戏介绍：鼠标,键盘左右键，控制赛车方向，让我们开始赛车比赛游戏吧。兼容手机移动端（横屏模式效果更好，左右晃动控制方向），带背景音效。项目虽简易，供大家学习和...原创 2021-01-03 20:58:17 · 10342 阅读 · 0 评论 -
HTML5 canvas鼠标经过星星连线
HTML5 canvas鼠标经过星星连线，鼠标经过星空可将星星一颗颗连成直线，页面背景有变色效果。HTML代码：<!doctype html><html><head><meta charset="utf-8"><title>互动星空</title><style>html,body { margin:0; overflow:hidden; width:100%; height:100%; curso原创 2021-01-03 20:08:16 · 4460 阅读 · 0 评论 -
基于HTML的3D立方体相册下载
基于HTML的3D立方体相册 免费代码下载地址：https://download.youkuaiyun.com/download/qq_44273429/13996508(粉丝可免费下载，点个关注呗)HTML代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><...原创 2021-01-01 01:37:09 · 4999 阅读 · 0 评论 -
跟小海一起看下雪——用HTML、CSS和JS实现简单的下雪特效
作者主页：http://haiyong.site作者简介：优快云全栈领域优质创作者、HDZ核心组成员粉丝福利：粉丝群送6-9本书，不定期送各种小礼品往期获奖记录(http://haiyong.site/choujiang）很多南方的小伙伴可能没怎么见过或者从来没见过下雪，今天我给大家带来一个小Demo，模拟了下雪场景，首先让我们看一下运行效果原创 2021-12-15 09:35:14 · 17890 阅读 · 38 评论