- 博客(7)
- 收藏
- 关注
RSS订阅原创 手写一个步骤slider，实现步骤选择
今天给大家写个步骤slider功能，html部分可以不看，主要看js代码部分。具体是什么样子可以看下面的视频。功能点2：没有选择option,不能点击下面步骤点进入下一步。功能点3：进入下一步后，可以通过下面的步骤点返回到对应的一步。功能点4：做了缩屏实时监听，确保模块一直在正确的位置。功能点1：选择好option,进入下一步。
2023-10-13 17:36:33
141
1
原创 一个非常好用的js动画库
GSAP是一个强大的JavaScript动画库，用于在网页上创建各种动画效果。GSAP使用高性能的动画引擎，可以实现平滑的动画，无论是移动、旋转、缩放还是淡入淡出。GSAP提供了丰富的API，可以精确控制动画的每个方面，包括持续时间、缓动函数、重复次数等。GSAP支持所有主流浏览器，确保您的动画在不同平台上都能正常工作。
2023-09-22 18:15:00
286
1
原创 如何使Swiper的无限自动轮播更流畅，没有停顿感！
相信大家都用过Swiper的无限自动轮播吧，虽然基本的功能能满足大部分需求，但是它轮播的时候明显有停顿感，这个时候给别人的视觉感受就不是很好了。这允许你更精确地控制过渡的速度曲线。时间函数可以影响过渡的速度曲线，使得过渡可以是线性的、缓慢开始、缓慢结束、或者有弹性效果等。：这是默认的时间函数，它提供了一种缓慢开始和结束的效果，通常用于使过渡看起来更加自然。：线性时间函数表示属性值在整个过渡期间都是以相同的速度变化，没有缓慢开始或结束的效果。的变体，它提供了一个较慢的开始和结束，中间部分是较快的。
2023-09-15 17:45:00
2092
1
原创 通过一个API判断元素是否在可视区内
Intersection Observer是一个浏览器API，用于监视页面上的元素与视口之间的交叉状态。换句话说，它可以告诉我们元素何时进入或离开视口，以及它们在视口中的可见程度。这一信息对于实现懒加载、无限滚动、元素动画和广告跟踪等功能非常有用。
2023-09-08 16:35:56
175
1
原创 Js倒计时功能
今天分享一个简单实用的前端功能“倒计时”，相信大家做前端的多多少少都遇到过倒计时的需求，虽然现在网上设计好的倒计时插件一大堆，随便拿一个就能完成任务了。但是这个需求最好是自己动手写一个比较好。代码这展示js部分，样式根据自己的喜好来自己设计就行。简单的倒计时功能就完成了，有兴趣的可以在此基础上进一步完善倒计时功能。
2023-08-25 20:45:00
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人