css特效,想让一排的图片逐个显示,然后就不用动了,应该怎么写这个代码?

html-css019

css特效,想让一排的图片逐个显示,然后就不用动了,应该怎么写这个代码?,第1张

逐个显示是什么个意思?一个显示出来以后另一个再显示出来吗?

提供一下我的思路吧。

逐个貌似用css无法实现,只能用js或者jquery了

用jquery在页面加载完成事件中添加方法:

一开始的时候图片都是隐藏的。

然后页面加载完毕以后显示第一张,在回调函数中继续第二张,如此循环或许可以达到效果

1.首先打开EditPlus软件,新建一个样式表文件,写入一些样式,如下图所示。

2.接下来我们在建立一个样式表文件,在这个样式表文件中通过import属性导入上一个样式表,如下图所示。

3.然后在html中我们用link标签导入上面声明的样式文件,如下图所示。

4.接下来我们运行HTML文件,我们可以看到虽然只导入了一个样式文件,但是两个样式表的样式都加载进来了,如下图所示。

5.另外在运用import的时候一定不要放在样式下面,如下图所示,这样是不生效的。

6.最后运用import导入样式也不要忘了分号,如下图所示,忘了分号也是不生效的。