- 博客(4)
- 收藏
- 关注
RSS订阅原创 Day4 分布加载
继续我们的50Projects项目，今天写一下分布加载，我们先看一下项目运行效果。我们先是移除active，再进行添加动态类名，我们写了两个循环，以保证active动态类名唯一性。css样式的话，我们给激活的样式利用flex布局增大了。是的，他就是鼠标移入哪一张图片他就有一个扩大的效果。首先html结构的话，非常简单，两个div。有点类似手风琴的效果，来我们完成一下呢。
2025-04-03 18:26:16
241
原创 50Projects--Day3--搜索框
这段代码没什么难度，js的代码也是判断搜索框的宽度是否为200px？如果是就赋值为0，eles就重新赋值，以保证搜索框能够不断循环折叠搜索框。所以我直接粘全部的代码，以备各位看官需要。是的就是一个折叠搜索的功能。
2025-04-02 11:31:02
170
原创 Day2 50Projects--模糊加载
继续我们看到js的实现，js的实现逻辑有一个点需要注意，我们写了一个映射函数，映射函数就是指，一个值的变化，牵动着另一个值的变化，在这个小的demo里面，文本加载进度值是一直变化的，所以我们要通过这个，进行映射container里面opcity，以及filter的值的变化。在css样式上：因为是随机拿的网上的图片，我们要保证百分百加载我这个div的盒子里面，所以我对他进行设置了。静态页面上，我们的页面结构很简单，就两个div，一个装图片，一个装文本。ok，我们具体看看代码的实现。两个属性值，需要注意一下。
2025-04-02 11:26:24
280
原创 50Days-Day1:拓展卡片的实现
关于这个项目，我想很多人早已耳熟能详，本人作为一个前端开发爱好者，也来写着玩玩，随便分享给大家我的一些基本思路。静态页面呈现已给出，动态页面就是点击就变大，就是我们常做的口风琴效果啦，下面是我的代码分享。因为是外网的地址，估计要使用魔法，没魔法的小伙伴，在下先给出day1的示例图。该项目核心实现即，利用点击事件实现动态添加类名。是的我利用foreach遍历每个元素并统一管理。
2025-03-28 00:53:59
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人