东篱闲人 发表于 2024-5-15 20:49

今夜为你醉

本帖最后由 东篱闲人 于 2024-5-16 21:51 编辑 <br /><br /></div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">

<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_658614">
<style>
#papa { margin: 20px 0 20px calc(70% - 970px); width: 1400px; height: 800px; top:130px;background: url('https://pic.imgdb.cn/item/6644ad0c0ea9cb140313e784.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; z-index: 1; }
.mypic { position: absolute; cursor: pointer; animation: rot var(--du) infinite linear var(--state); }
.mypic:nth-of-type(1) { left: 390px; top: 300px; width: 50px; mix-blend-mode: hard-light;filter: opacity(.8); --du: 6s; }
.mypic:nth-of-type(2) { right: 300px; top: 200px; filter: opacity(.8) blur(.5px); --du: 10s; }
.mypic:nth-of-type(3) { width: 120px; right: 300px; top: 200px; filter: opacity(.9) brightness(1.2); --du: 4s; }
@keyframes rot { to { transform: rotate(360deg); } }
#vid {
    position: absolute;
    width: 100%;
    height: 110%;
    opacity: .65;
    top:-100px;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
}
</style>

<div id="papa">
<video id="vid" src="https://img.tukuppt.com/video_show/2418175/01/22/86/62125442458f4.mp4" autoplay loop muted></video>
    <audio src="http://music.163.com/song/media/outer/url?id=2127828119.mp3" loop autoplay></audio>
    <img class="mypic" src="000" alt="" />
    <img class="mypic" src="000" alt="" />
    <img class="mypic" src="000" alt="" />
</div>

<script>
let sFile = document.createElement('script');
sFile.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
sFile.charset = 'utf-8';
document.head.appendChild(sFile);

sFile.onload = () => {
    LRC({
      papa: '#papa',
      lrcAr: geci,
      btn: '.mypic',
      lrc_css: 'left: 50%; transform: translate(-50%);--bg: linear-gradient(rgba(250,250,250,.25),rgba(95,158,160.65)); position: absolute;opacity: .85; bottom: 20px; font: bold 1.8em sans-serif; color: #F0F8FF;',
    });
};
let geci = [

   
var btns = document.querySelectorAll('.mypic');
let mState = () => papa.style.setProperty('--state', aud.paused ? 'paused' : 'running');
aud.addEventListener('pause', () => mState());
aud.addEventListener('playing', () => mState());
btns.forEach(btn => btn.onclick = () => aud.paused ? aud.play() : aud.pause());
</script>
<br><br><br><br><br><br><br><br></td></tr></table>


</div>
<div id="comment_658614" class="cm">
</div>

红影 发表于 2024-5-15 21:45

制作真漂亮，看到东篱大哥也在制作里加入视频了呢。效果真好{:4_199:}

红影 发表于 2024-5-15 21:47

看到用的代码有歌词和按钮的代码，为什么不把按钮和歌词加上去呢{:4_173:}

东篱闲人 发表于 2024-5-16 08:35

红影 发表于 2024-5-15 21:47
看到用的代码有歌词和按钮的代码，为什么不把按钮和歌词加上去呢

偷来的代码，还没研究其奥妙。。。。{:5_117:}

梦油 发表于 2024-5-16 09:05

东篱朋友早晨好！图中飘动的是乌云还是浓烟啊？

东篱闲人 发表于 2024-5-16 11:03

梦油 发表于 2024-5-16 09:05
东篱朋友早晨好！图中飘动的是乌云还是浓烟啊？

可能是着火了。。。{:5_117:}

梦油 发表于 2024-5-16 16:24

东篱闲人 发表于 2024-5-16 11:03
可能是着火了。。。

有意思。{:5_116:}

红影 发表于 2024-5-16 20:44

东篱闲人 发表于 2024-5-16 08:35
偷来的代码，还没研究其奥妙。。。。

多做几个就熟悉了啊，东篱大哥多做啊{:4_187:}
页: [1]
查看完整版本: 今夜为你醉