美文网首页
关于Upupoo自定义元素教程

关于Upupoo自定义元素教程

作者: CTLers丶Vk | 来源:发表于2018-12-09 21:39 被阅读0次

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

image.png

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

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

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

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

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

下面是具体步骤:

1、音乐列表DIY

image.png

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

image.png

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

(在线转格式:<u>https://cloudconvert.com/mp3-to-ogg</u>

image.png

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

先把歌名都复制到name、

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

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

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

image.png
image.png

4》然后就ok了

image.png

2、轮换背景DIY

image.png

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

image.png

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

image.png

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

image.png

相关文章

网友评论

      本文标题:关于Upupoo自定义元素教程

      本文链接:https://www.haomeiwen.com/subject/gpzkhqtx.html