upupoo怎么设置本地html文件,关于Upupoo自定义元素教程

一、首先在UpupooResource文件夹内找到自己下载的动态壁纸、不同壁纸的文件名也是不同的

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

二、然后能看到三个子文件夹和一个主页html、

压缩包里的东西只是一个备份、

json和upup都是脚本语言文件、

我们想完成轮换图片和音乐列表的DIY、

需要修改的只有index.html和myimgs、mysongs两个子文件夹、

下面是具体步骤:

1、音乐列表DIY

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

1》先准备好需要导入的歌曲

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

2》将歌曲的格式转为ogg格式、格式工厂或在线转换都ok、然后放入mysongs子文件夹

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

3》再修改HTML文件内的这段代码、

先把歌名都复制到name、

再把ogg前面的名字改成对应的0、1、2、3、

另外length嫌麻烦的话也可以不改或为空、不影响正常播放、

拓展列表的话只需要再复制一段完整的元素就好

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

4》然后就ok了

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

2、轮换背景DIY

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

1》找到喜欢的图片用PS调整为360*700大小、储存为web所用格式png

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

2》然后放入myimgs子文件夹、修改HTML内的这行代码、添加相关图片名即可

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

3》至于它侧面的人物简介可有可无、看个人喜好吧、轮换时间应该是下面那个20000

dde0da4d286b?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值