图片走马灯的CSS实现方法

红影

马黑黑 发表于 2022-1-18 17:38
图片和其他元素一样，一般都会有自己的父容器，不太有可能一个body就装图片。这里，为了便于控制，专门给 ...

容器这个概念总是想不到，看你用的倒是得心应手

红影

马黑黑 发表于 2022-1-18 18:04
改为上下移动的需要修改三个地方即可：

第一：图片盒子 .pBox 中的红色那句要改——

嗯嗯，改成Y方向就变了。

马黑黑

红影 发表于 2022-1-18 22:39
嗯嗯，改成Y方向就变了。

二维环境里，xy轴是布局和方向的基础

马黑黑

红影 发表于 2022-1-18 22:33
容器这个概念总是想不到，看你用的倒是得心应手

容器是我们要组织帖子元素的载体，东西都往里塞，有了它就不是东一个西一个的乱放

马黑黑

红影 发表于 2022-1-18 22:31
主要是为了学习这一方法啊，结果真的能实现呢

可行

红影

马黑黑 发表于 2022-1-19 08:50
二维环境里，xy轴是布局和方向的基础

是啊，参照系是系统的基础。

红影

马黑黑 发表于 2022-1-19 08:52
容器是我们要组织帖子元素的载体，东西都往里塞，有了它就不是东一个西一个的乱放

相当于抽屉，都存贮在抽屉里，就不那么凌乱了，调用的时候也清清楚楚。

红影

你这个点图片能让音乐暂停。因为有JS语句控制。
JS能不能做到，点按钮，不但音乐停了，让按钮换成暂停图片，也让滚动字停了，同时让背景图上加的一张图片换成了另一张。
也就是点按钮出现4个动作：音乐停；按钮换图；滚动字停；替换外加的小图

依蘩

又见黑马教程，现在已经不会做贴了。

红影

依蘩 发表于 2022-1-19 11:33
又见黑马教程，现在已经不会做贴了。

欢迎新朋友，愿你在花潮玩得开心

红影

素材和设想如下：
底图：

                               
登录/注册后可看大图

小图：

                               
登录/注册后可看大图

放在底图左面，按下按钮后变

                               
登录/注册后可看大图

按钮：自动播放

                               
登录/注册后可看大图

暂停后变

                               
登录/注册后可看大图

，位置在手指的下面。

滚动字：天使的翅膀。在底图右侧手臂的上面。按下按钮后最好能停止滚动，不停也行。

音乐：

1. https://www.80wp.com/wj/107164/798b655ee49c826ebdce587061063622.mp3

复制代码

好像素材和设想就这些了，想试着去弄，发现小图挤在按钮下面了，而且小图没法换

马黑黑

依蘩 发表于 2022-1-19 11:33
又见黑马教程，现在已经不会做贴了。

晕哈，短信都发了半年，你才收到

马黑黑

红影 发表于 2022-1-19 10:13
相当于抽屉，都存贮在抽屉里，就不那么凌乱了，调用的时候也清清楚楚。

说得对

马黑黑

红影 发表于 2022-1-19 10:11
是啊，参照系是系统的基础。

嗯，参照，没框定，一切乱套

红影

马黑黑 发表于 2022-1-19 12:45
说得对

这些抽屉你还对他们进行了约束和装饰，让它们拥有各自的面貌

红影

马黑黑 发表于 2022-1-19 12:45
嗯，参照，没框定，一切乱套

所谓的各就其位，都是在参照的基础上说的，无论是总体参照还是局部参照。

马黑黑

红影 发表于 2022-1-19 13:00
所谓的各就其位，都是在参照的基础上说的，无论是总体参照还是局部参照。

说得对。任何领域都需要参照。

马黑黑

红影 发表于 2022-1-19 12:59
这些抽屉你还对他们进行了约束和装饰，让它们拥有各自的面貌

说的好像是这么回事

红影

马黑黑 发表于 2022-1-19 13:02
说的好像是这么回事

还规定了抽屉被拉出来的姿态和速度

红影

马黑黑 发表于 2022-1-19 13:01
说得对。任何领域都需要参照。

嗯嗯，参照也是规则的基础，的确可以放眼到各领域。