![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS+JS
文章平均质量分 94
我不喜欢过马路
这个作者很懒,什么都没留下…
展开
-
Day3——页面旋转
前言:这个系列的代码均为GitHub上项目代码,我是为了巩固前端HTML、CSS和JS的基础学习。关于代码解析部分,这是我所理解的代码意义,如果感觉有不对的地方,请指出我们一起探讨。一、总体效果功能:点击左上角导航栏后,页面整体旋转。实现方式:新建一个文件夹,文件夹中新建三个txt,改后缀,分别命名style.css;script.js;index.html;将下面三部分代码对应放入。二、JavaScript代码const open=document.getElementById('open'原创 2021-12-03 10:57:36 · 684 阅读 · 0 评论 -
Day2—按钮动态过渡
前言:继续学习HTML、CSS和JS的基础知识。一、总体效果功能:点击next,下一个圆圈被点亮实现方式:新建一个文件夹,文件夹中新建三个txt,改后缀,分别命名style.css;script.js;index.html;将下面三部分代码对应放入。二、JavaScript代码const progress=document.getElementById('progress')const prev=document.getElementById('prev')const next=docum原创 2021-12-03 10:00:16 · 662 阅读 · 1 评论 -
Day1—图片动态过渡
前言:为熟悉HTML、CSS和JavaScript,从GitHub上选取项目代码进行解析和学习。一、JavaScript部分const panels=document.querySelectorAll('.panel')panels.forEach(panel=>{ panel .addEventListener('click',()=>{ removeActiveClasses() panel.classList.add('active')原创 2021-12-01 22:38:06 · 918 阅读 · 1 评论