信仰- 致大猫咪

马黑黑 · 发表于 2023-7-12 20:33

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

显示全部楼层 · 发表于 2023-7-12 20:46

提示: 作者被禁止或删除内容自动屏蔽

小辣椒 · 发表于 2023-7-12 21:18

哇塞~~~黑黑还是隐藏播放器

小辣椒 · 发表于 2023-7-12 21:18

猫猫生日快乐~~~永远20岁

小辣椒 · 发表于 2023-7-12 21:22

@大猫咪

马黑黑 · 发表于 2023-7-12 21:58

醉美水芙蓉发表于 2023-7-12 20:46
欣赏老师佳作！同祝猫咪生日快乐！

晚上好

马黑黑 · 发表于 2023-7-12 21:59

小辣椒发表于 2023-7-12 21:18
猫猫生日快乐~~~永远20岁

马黑黑 · 发表于 2023-7-12 21:59

小辣椒发表于 2023-7-12 21:18
哇塞~~~黑黑还是隐藏播放器

以前你也玩过的

小辣椒 · 发表于 2023-7-12 22:01

马黑黑发表于 2023-7-12 21:59
以前你也玩过的

上来就看见猫猫生日了，我得准备下了去做贺帖了

想套用个简单的

马黑黑 · 发表于 2023-7-12 22:03

小辣椒发表于 2023-7-12 22:01
上来就看见猫猫生日了，我得准备下了去做贺帖了

想套用个简单的

这个够简单

南无月 · 发表于 2023-7-12 22:12

let mState = () => mplayer.style.background = 'url(' + (aud.paused ? 'https://638183.freep.cn/638183/t23/btn/singingcat1.png' : 'https://638183.freep.cn/638183/t23/btn/singingcat.gif') + ')';

这句里居然可以出现图片

千变万化，眼花缭乱

南无月 · 发表于 2023-7-12 22:13

祝大猫咪生日快乐！

马黑黑 · 发表于 2023-7-12 22:18

南无月发表于 2023-7-12 22:12
let mState = () => mplayer.style.background = 'url(' + (aud.paused ? 'https://638183.freep.cn/6381 ...

它是酱紫理解：

元素.style.background 是JS设置元素的背景图。语法为：

元素标识.style.background = 'url(图片地址)';

我们要依据音乐的暂停/播放来更换图片，暂停是，图片一，播放时，图片二，所以加入一个三元判断语句：

元素标识.style.background = 'url(' + (aud.paused ? '图片一' : '图片二') + ')';

为便于识别，三元运算语句放在小括号里。

南无月 · 发表于 2023-7-12 22:24

马黑黑发表于 2023-7-12 22:18
它是酱紫理解：

元素.style.background 是JS设置元素的背景图。语法为：

所以，一个是动图一个是PNG静态图，难为老师想得出来这样的妙法。。

马黑黑 · 发表于 2023-7-12 22:27

南无月发表于 2023-7-12 22:24
所以，一个是动图一个是PNG静态图，难为老师想得出来这样的妙法。。

这法子容易想到的你可以用 if 语句：

if(aud.paused) {
元素标识.style.background = ’url("图片一")';
} else {
元素标识.style.background = ’url("图片二")';
}

这个容易看懂。三元是 if 语句的语法糖。

南无月 · 发表于 2023-7-12 22:42

马黑黑发表于 2023-7-12 22:27
这法子容易想到的你可以用 if 语句：

if(aud.paused) {

果然这个折行的更容易理解。。
还有猫头上那朵花，固定不动？老想点点

马黑黑 · 发表于 2023-7-12 22:47

南无月发表于 2023-7-12 22:42
果然这个折行的更容易理解。。
还有猫头上那朵花，固定不动？老想点点

那是饰物，没有安排它动，主要用意是让观者将鼠标移到帖子上，然后就看到隐藏的播放器可以安排

南无月 · 发表于 2023-7-12 22:56

马黑黑发表于 2023-7-12 22:47
那是饰物，没有安排它动，主要用意是让观者将鼠标移到帖子上，然后就看到隐藏的播放器可以安排

明白了，还是小妙招。。。

马黑黑 · 发表于 2023-7-12 22:57

南无月发表于 2023-7-12 22:56
明白了，还是小妙招。。。

樵歌 · 发表于 2023-7-13 07:22

这个猫咪是个猫王，但对朋友很是亲切友好。

醉美水芙蓉该用户已被删除	发表于 2023-7-12 20:46 \| 显示全部楼层提示: 作者被禁止或删除内容自动屏蔽
醉美水芙蓉该用户已被删除
	回复支持反对使用道具举报显身卡

[生日祝福] 信仰- 致大猫咪

请马上登录，朋友们都在花潮里等着你哦：）

评分

评分

浏览过的版块

花潮帅哥

鼠

牛

虎

兔

龙

蛇

马

羊

猴

鸡

狗

猪

多彩人生

星月交辉

奔放热烈

海样胸怀

春风拂面

火热情怀

优雅迷人

神秘浪漫

相遇之美

鹰傲苍穹

花好月圆

紫色情节

飞龙在天

王者至尊

大将风范

音画大师

天籁妙音

共看流星

风雨同行

我心永远

幸福快乐

喜乐安康

侠骨柔肠

心想事成

开朗大方

花潮管理

花潮美女

缤纷心情

草莓情怀

青草情怀

蝴蝶情怀

心曲飞扬

星星情怀

七彩绚丽

活泼开朗

女儿情怀

男儿情怀

心香一瓣

中秋征文

指尖上的流年

绚丽缤纷

天长地久

春意盎然

周年庆

舞会之星

情人节