基于 HTML+CSS+JS 的石头剪刀布游戏
💂 个人网站: 海拥
🤟 版权: 本文由【海拥】原创、在CSDN首发、需要转载请联系博主
💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦
💅 想寻找共同摸鱼的小伙伴,请点击【摸鱼小游戏】
游戏可以通过这个链接进入 👉https://haiyong.site/moyu/shitoujiandaobu代码我已经放在GitHub上了,欢迎来取,顺带给个星星吧👇https://github.com/wanghao221/moyu
关于(JS)构建过程:首先,我创建了一个对象,其中包含每种可能性的文本格式(石头、纸、剪刀),然后将图像源也添加到该对象中。
在我制作的 HTML 中:
playerChoiceImg
playerChoiceTxt
computerChoiceImg
computerChoiceTxt
能够修改其中的每个内容。
然后创建了一个points变量,它将存储每个玩家(玩家和计算机)的分数。
之后,我需要一个介于 1 和 3 之间的随机生成的数字来指示计算机的选择。
12345678910111213141516171819 ...
Butterfly 主题美化(一)
💂 个人网站:【 海拥 】【 摸鱼小游戏 】
🤟 风趣幽默的人工智能学习网站:👉人工智能
💅 想寻找共同学习交流的小伙伴,请点击【全栈技术交流群】
💬 免费且实用的计算机相关知识题库:👉进来逛逛
给大家安利一个免费且实用的计算机知识刷题(面经大全)网站,👉点击跳转到网站。
hexo-theme-butterfly 主题是基于 hexo-theme-melody 的基础上进行开发的。
Butterfly 主题安装Github安装Gitee安装NPM安装在你的 Hexo 根目录里执行:1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly升级方法:在主題目录下,进行 git pull在你的 Hexo 根目录里执行:1git clone -b master https://gitee.com/immyw/hexo-theme-butterfly.git themes/butterfly升级方法:在主題目录下,进行 git pull
此方法只支持 ...
Hexo+阿里云&GitHub 搭建个人博客
Hexo+阿里云&GitHub 搭建个人博客本地部署GitHub部署阿里云部署准备工作安装必要的软件
Node.jshttps://nodejs.org/en/
Windows:通过 nvs(推荐)或者 nvm 安装。
Mac:使用 Homebrew 或 MacPorts 安装。
Linux(DEB/RPM-based):从 NodeSource 安装。
其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的 指导。
githttps://git-scm.com/
Windows:下载并安装 git.
Mac:使用 Homebrew, MacPorts 或者下载 安装程序。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yum install git-core
安装 Hexo官方网址: https://hexo.io/zh-cn/
1.首先需要建立博客文件夹,建议建在非系统盘,例如 ~E:/Hexo/,那么这个目录就是我 ...
送3本Vue.js(4月2日20:00开奖)
抽奖链接https://wxaurl.cn/PmQMCppeXqc
抽奖进行中:vue.js全家桶,点击参与
或者在微信中长按扫码👇
抽三位幸运儿送大号鼠标垫(3月31日20:00开奖)
抽奖链接https://wxaurl.cn/kKfkVK4xqds
抽奖进行中:超大鼠标垫,点击参与
或者在微信中长按扫码👇
test
响应式仅PC端3D风格其他风格站长推荐站长不推荐This is Tab 1.This is Tab 1.站长推荐站长不推荐This is Tab 1.This is Tab 1.3D风格其他风格站长推荐站长不推荐This is Tab 1.This is Tab 1.站长推荐站长不推荐This is Tab 1.This is Tab 1.
掘金编程大赛开启报名了
编程大赛报名链接https://hackathon2022.juejin.cn/#/?shareuid=a1gI1S_nA1BkyN-1DuFyBA
视频介绍:Your browser does not support the video tag.
大赛规则主办方稀土掘金:稀土掘金是一款面向全球中文开发者的技术社区,是基于数据挖掘技术的个性化推荐引擎产品。它为每一位热爱技术的人提供有价值、成体系的技术内容,并搭建了一个聚焦开发者、温暖有爱、快速迭代、激励成长的垂类内容社区。稀土掘金打通了技术内容、技术人才与技术服务企业的路径,未来将持续为开发者生态提供知识输出、技术交流、产业合作等全维度的支持。
朝夕光年虚拟女团A-SOUL:朝夕光年旗下的虚拟偶像企划,由五名成员组成,分别是向晚(Ava)、贝拉(Bella)、珈乐(Carol)、嘉然(Diana)和乃琳(Eileen)。
承办方朝夕光年:朝夕光年是面向全球用户与开发者的游戏研发与发行业务品牌。通过提供顶级游戏和打造玩家社群,朝夕光年致力于服务全球玩家,为每位玩家带来有趣和激励人心的体验。
抖音特效开放平台:抖音特效开放平台邀请专业特效 ...
实验三 使用 CSS 制作打字机
show: stepversion: 1.0enable_checker: true
使用 CSS 制作打字机实验介绍本节实验我会带大家使用 HTML 和 CSS 来制作一个如下图效果所示的打字机。
在线演示戳这里👉 https://haiyong.site/lanqiao/3.html
正如你所见,页面中从光标位置开始可以自动打印出一行文字,是不是很神奇呢?那我们快去一探究竟吧!
知识点
margin 属性
background-color 属性
overflow 属性
font-size 属性
@keyframes 属性
我使用 HTML 和 CSS 代码来创建这个动画。因此,首先你必须创建一个 HTML 和 CSS 文件,然后按照下面显示的完整过程进行操作。
使用 CSS 设计网页首先,我们使用 CSS 代码来设计网页,我们要用到以下三个属性:
margin 外边距即元素距上级元素或相邻兄弟元素的距离。该属性可以有 1 到 4 个值。在实验二中我们已经介绍了,详情见: W3schoolCSS margin 属性
background-color 属性设置元素的背景颜色 ...
实验二 使用 CSS 来装饰我们的第一个网页
使用 CSS 来装饰我们的第一个网页实验介绍嗨!欢迎再次来到从零趣味学习 Web 前端的课堂~
在上一个实验中,我们已经用 HTML 做了自己的第一个页面,但是当我们预览网页时会发现它看起来比较简陋。这一节我们可以通过向 HTML 文件添加一些基本样式来美化它。
知识点
盒子模型
定位方式
background 属性
font-size 属性
color 属性
transform 属性
初识 CSS首先,我们来简单了解一下什么是 CSS。
CSS,英文全称是 Cascading Style Sheets,译为层叠样式表,简单来说就是用来美化 HTML 页面的。
例如,我们在蓝桥云课的首页,在 chrome 浏览器中按 F12 打开开发者工具,我们可以看到如下所示的内容:
我们可以看到,右侧有一个 styles 表,里面全是像 img{max-width: 100%;} 这样的结构组成的,这就是样式表(CSS)了。我们用一个图来解释表中内容的意思:
CSS 就是由各种选择器、属性和属性值组成的,其中选择器的作用是找到添加样式的指定元素,属性是给元素添加怎样的样式 ...
实验一 博客页面布局
博客页面布局实验介绍嗨!欢迎来到从零趣味学习 Web 前端的课堂~
初次见面,我们先来认识一下前端三剑客(HTML、CSS、JavaScript)中的 HTML。
HTML,英文全称为 HyperTextMarkupLanguage,翻译为超文本标记语言,其用于页面布局。例如我们在蓝桥云课首页上,使用 Chrome 浏览器的开发者工具(按 F12),可以发现网页是由 <> 这样的结构组成的。
这些 <> 的符号被称为标签。从上图可以看出大部分标签都是成对出现的。我们一般把 <> 称为开始标签,把 </> 称为结束标签。这些标签就是 HTML 的元素,构成了我们整个页面的结构。下面放个图,帮助大家更好滴理解标签~
本节实验中,我将带大家入门 HTML,我们一起从零开始实现一个博客页面布局。
知识点
列表
表单
超链接
标题
段落
创建第一个 HTML 文档我们在那里创建 HTML 文档呢?
工具很多,如 VS Code、HbuilderX、Dreamweaver 等。在本课程中我们使用蓝桥云课的云环境(VS Code)来演示。
在创建 ...