WEB
文章平均质量分 69
Krstation
这个作者很懒,什么都没留下…
展开
-
在React项目中安装Ant Design遇到的问题记录
【含解决方案】在React项目中安装Ant Design遇到的问题记录。原创 2023-05-09 15:51:02 · 411 阅读 · 0 评论 -
【原生js】【轮播图系列】三种方式实现淡入淡出效果之js代码实现
【原生js】【轮播图系列】淡入淡出效果实现之js代码实现0、效果图1、第一种方式-实现自动轮播2、第二种方式-实现鼠标滑过显示指定图片2.1 解决方案1-利用闭包将i的值传入2.2 解决方案2-通过添加对象属性把i值传入3、第三种方式-实现点击左右箭头显示指定图片0、效果图点击我查看HTML+CSS实现代码1、第一种方式-实现自动轮播实现的原理:首先我们的图片是有顺序的(参考li标签的顺序),而我们的自动播放实际上也是按照顺序进行图片切换,所有我们需要动态调整的其实是用于显示图片的class属性“原创 2020-06-08 13:03:51 · 1964 阅读 · 0 评论 -
【原生js】【轮播图系列】三种方式实现淡入淡出效果之HTML+CSS代码实现
【原生js】轮播图系列之淡入淡出效果图实现原理HTML代码CSS代码js代码效果图实现原理淡入淡出效果:主要实现原理是,所有待播放图片实际上是重叠在同一区域,每次只显示一张图片,其他图片全部设置为透明,每次需要显示的时候就更改透明度。css实现技术:实现重叠在同一区域需要用到定位position。显示与隐藏需要用到透明度opacity,淡入淡出需要用到动画效果transition;在做轮播效果前,先搭好HTML和CSS,做成如图所示的外观,具体代码参考如下。HTML代码<!DOCTYP原创 2020-06-08 11:55:07 · 1887 阅读 · 0 评论