3D动态表白相册
3D動(dòng)態(tài)表白相冊(cè)(末尾附加下載地址)
一、相冊(cè)簡(jiǎn)介
二、小白修改指南
三、總結(jié)及其獲取方式
一、相冊(cè)簡(jiǎn)介
呈現(xiàn)的效果圖為下圖:
1、其次該相冊(cè)里面涉及到的JS文件呢,可以不需要過(guò)深的研究,只需要給你一個(gè)JS文件會(huì)用即可,但是在該作品中還再原來(lái)的基礎(chǔ)之上加入了一個(gè)視頻作為了其中的相冊(cè)背景,這個(gè)背景如果不喜歡也可以改成自己想要的背景;
2、該相冊(cè)的模式分為四種(表格,球體,螺旋,立體格子),該相冊(cè)不建議用(Google Chrome,Firefox,星愿)等打開(kāi),因?yàn)檫@些瀏覽器可能會(huì)加載不出背景音樂(lè)這個(gè)問(wèn)題,建議用Microsoft Edge和360瀏覽器打開(kāi)不會(huì)出錯(cuò)),在相冊(cè)的基礎(chǔ)上還可以加上一些其他背景效果會(huì)更佳,比如這個(gè)煙花為背景的3D打字相冊(cè);煙花背景的3D打字魔方相冊(cè);2021的煙花效果
二、小白修改指南(少修改代碼塊)
1.在img的文件夾中放的圖可以刪除,然后放上自己想要的圖片,而且改為a.png和b.png(a.png盡量就在1M以?xún)?nèi)吧,b.png盡量就在20k以?xún)?nèi)吧。
2.修改自己想要的音樂(lè)的話:
(1)先把自己想要的音樂(lè)放在video中,比如我放的音樂(lè)為:娃娃臉.mp3,
(2)右鍵index.html的文件,選擇打開(kāi)方式比如我比如我的這里選擇VS打開(kāi)也可以直接用記事本打開(kāi).
(3)找到以下代碼修改為: <audio autoplay="" loop=""><source src="video/娃娃臉.mp3"></audio>即可
3.修改屏幕中的文字與名片:根據(jù)修改音樂(lè)的(1)(2)打開(kāi)源代碼找到這里即可修改
4、修改視頻背景:首先先將img文件夾中的視頻素材刪除,放入想要的視頻素材,將其名字改為video.mov即可看到自己想要的結(jié)果
三、總結(jié)及其獲取方式
該森林背景3D相冊(cè)還是相對(duì)來(lái)說(shuō)結(jié)合了一定的pr技巧與技能,還會(huì)比較有趣與經(jīng)典的,如果需要改進(jìn)的地方呢可以自行下載源代碼下去研究,可以在這些功能及其原理上進(jìn)行設(shè)計(jì),比如改成流星背景,煙花背景,櫻花背景,雪花背景等等都是可以完成的,不過(guò)也是需要長(zhǎng)期的實(shí)踐與積累才能實(shí)現(xiàn)它的嘛。編程嘛還是需要多敲代碼嘛,只看不實(shí)踐那可能是看不到效果的喲…。
如果大家遇到什么問(wèn)題的話也可以私信,或者加聯(lián)系方式可以有人在線指導(dǎo)大家的,如有需要可以添加(也可以聯(lián)系博主獲取并指導(dǎo))
以下是提取或下載該文件的網(wǎng)盤(pán)鏈接:
鏈接:
免費(fèi)下載鏈接(失效不再重發(fā)):https://pan.baidu.com/s/15Km7H_ZKPCLwOfbcJwwnKw
提取碼:r9aa
也可以通過(guò)以下方式下載:
html+css+js_3D動(dòng)態(tài)表白相冊(cè)
總結(jié)
- 上一篇: W5100常见问题汇总
- 下一篇: 对你工作很实用的各种表格