1. 首页
  2. 软件开发
  3. 用JS做一个电子木鱼

用JS做一个电子木鱼

  • 发布于 2024-09-21
  • 11 次阅读

敲电子木鱼,积赛博功德

这样的网页需要有两个部分组成,一部分是css里面的网页布局设计,另一部分是用JS写的内部程序。

一,网页布局:

我们先新建一个html文件,在body里写css的素材主体:

这样我们就得到了一个拥有必备要素的木鱼网页,我们现在要新建一个css文件,并将这两个文件链接在一起,随后就开始布局管理;

首先,我们将css文件里输入

这样我们就能在浏览器里打开css文件,(在文件夹中找到该文件html,用浏览器打开(我这里以火狐为例)), 打开以后在网页内右键再单击检查找到该工具栏,寻找样式编辑器。

进入样式编辑器:要和我们再html创建的元素进行对照设定


这样我们就完成了页面的布局:

二,功能设置:

要完成点击一下按钮,下面的数字就增加1:

原文链接: https://blog.csdn.net/daibadetianshi/article/details/138035770