加林森 发表于 2022-6-18 21:57

老黑喝水!{:4_191:}

马黑黑 发表于 2022-6-18 21:58

小辣椒 发表于 2022-6-18 21:48
今天这个要学习做一次

嗯,这个不复杂,看你怎么拼接URL就行

加林森 发表于 2022-6-18 22:00

马黑黑 发表于 2022-6-18 21:57
父亲节吗,要自己犒劳自己

对头对头。{:4_189:}

小辣椒 发表于 2022-6-18 22:03

马黑黑 发表于 2022-6-18 21:58
嗯,这个不复杂,看你怎么拼接URL就行

瞎 拼接,明天去做,黑黑我下了

晚安

小辣椒 发表于 2022-6-18 22:03

加林森 发表于 2022-6-18 22:00
对头对头。

队长我下了,晚安!

马黑黑 发表于 2022-6-18 22:05

小辣椒 发表于 2022-6-18 22:03
瞎 拼接,明天去做,黑黑我下了

晚安

晚安。88

马黑黑 发表于 2022-6-18 22:06

小辣椒 发表于 2022-6-18 21:33
所以经常漏看,很多帖没有回复

没关系的,随意就好

马黑黑 发表于 2022-6-18 22:06

千羽 发表于 2022-6-18 21:43
赏心悦目的画面,黑黑老师棒棒哒

{:4_173:}

加林森 发表于 2022-6-18 22:07

小辣椒 发表于 2022-6-18 22:03
队长我下了,晚安!

好的。晚安。拜拜~~~~~~~~~~~~

加林森 发表于 2022-6-18 22:37

老黑整了3个动画啊。五个大美女在翻转。太太太厉害了!{:4_178:}

马黑黑 发表于 2022-6-18 22:46

加林森 发表于 2022-6-18 22:37
老黑整了3个动画啊。五个大美女在翻转。太太太厉害了!

三个当中,一个是频谱用的,另外两个其实是同性质的,但JS不能对一个元素反复调用一个关键帧动画,所以整两个

加林森 发表于 2022-6-18 22:49

马黑黑 发表于 2022-6-18 22:46
三个当中,一个是频谱用的,另外两个其实是同性质的,但JS不能对一个元素反复调用一个关键帧动画,所以整 ...

嗯嗯。谢谢老黑告知。明天我也制作一个出来看效果。

红影 发表于 2022-6-19 10:11

马黑黑 发表于 2022-6-18 21:54
这个其实好简单的

这个一定要有顺序编号的图片才可以吧。

醉美水芙蓉 发表于 2022-6-19 10:13

马黑黑 发表于 2022-6-19 10:17

醉美水芙蓉 发表于 2022-6-19 10:13
https://638183.freep.cn/638183/qd/618' + img + '.jpg'黑黑老师可以说说这个图片隐藏怎么制作的吗?

不是的,我只是测试一下JS的 map 函数。当然,可以通过它来隐藏图片URL,但那没啥用

马黑黑 发表于 2022-6-19 10:28

红影 发表于 2022-6-19 10:11
这个一定要有顺序编号的图片才可以吧。

不一定的,重新构造一下数组和处理函数就可以,例如,下面这句,

let picAr = ['1','2','3','4','5'],

将12345分别改为图片的前缀名,比如 头像.jpg 中的 头像 ,然后在构造图片地址的函数中,

let newPic = picAr.map((img) => {
        return ('https://638183.freep.cn/638183/qd/618' + img + '.jpg');
})

把红色的部分去掉,它是我的图片前缀名的组成部分。当然,红色前面的部分替换上自己的URL部分。

其实上面这些包装可能没什么意义,可以删掉 newPic 那三行。然后:

① 直接赋值 picAr 变量:

let picAr =[
    '地址一',
    '地址二',
    '地址N'
];

② 将下面的代码红色部分改为 picAr

let timer = setInterval(() => {
        picbox.style.animation = '';
        idx ++;
        if(idx >= picAr.length) idx = 0;
        picbox.src = newPic;
        flag ? (picbox.style.animation = 'fadeout 2s', flag = false) : (picbox.style.animation = 'fadein 2s', flag = true);
}, 5000);

千羽 发表于 2022-6-19 15:41

马黑黑 发表于 2022-6-18 22:06


开心就好{:4_181:}

马黑黑 发表于 2022-6-19 17:23

千羽 发表于 2022-6-19 15:41
开心就好

祝节日开心平时也开心

翁奕童苑 发表于 2022-6-19 18:14

漂亮的佳作,点赞!

马黑黑 发表于 2022-6-19 18:17

翁奕童苑 发表于 2022-6-19 18:14
漂亮的佳作,点赞!

{:4_180:}
页: 1 [2] 3
查看完整版本: 乔瓦尼 - 云彩之外