异形轮播图(样式放数组) 理解

单纯的就是 相对于谁,谁怎么动的一个情况

单纯为了学会使用博客,把自己当时没有理解的东西写下来。
也希望能帮忙到大家

这种方式,使用的是,将样式放到数组中,然后样式和元素
一 一 对应的方式。
只有左右键 加上瞬移效果,防流氓。
如果还有瞬移的小原点,可以使用防流氓,也 可以使用节流(上锁)

以三个元素为例

前景声明:   绿色盒子  
			

在这里插入图片描述

点击右键的时候。

在这里插入图片描述

一般咱们认为:点击右键向右移动。(指的是盒子向右移动)

​ 点击右键: 盒子向右移动(元素不动)

​ 相当于 元素向左移动(盒子不动)

​ 相当于 元素的样式向右移动 (元素和盒子不动)

我举个栗子说明

在这里插入图片描述
此时将 样式向右移动

在这里插入图片描述

样式对应的元素就会 动了 结果如下所示:
在这里插入图片描述

扫描二维码关注公众号,回复: 8554818 查看本文章
此时 因为点击的是右键, 所以 盒子左边的元素会 从盒子上滑动过去(设置动画的话)
所以我们需要使盒子最左边的元素 瞬移(干蹦到)最右边。 其他元素继续动画。
多个元素,也就是往盒子里面多放一些元素
发布了7 篇原创文章 · 获赞 1 · 访问量 220

猜你喜欢

转载自blog.csdn.net/qq_35898059/article/details/103582921