东篱闲人 发表于 2022-11-12 15:11
中学生的打扮，这还是迟来的爱呢？俺看是早恋。。。。
哈哈，老头真的是有经验的{:4_170:}
<style>
#papa { margin:120px 0 0 calc(50% - 670px); width: 1181px; height: 626px;;background: gray url('https://yinhua.ru/20221209/2.gif') no-repeat center/cover; box-shadow: 6px 3px 20px #000; position: relative; display: grid; place-items: end center; user-select: none; z-index: 1; }
#mplayer { position: absolute; width: 100%; height: 120px; bottom: 20; display: flex; justify-content: center; align-items: flex-end; }
.mLine { position: relative; margin: 0 2px 0 0; width: 6px; height: 20px; background: gray linear-gradient(to top,Yellow,Salmon,Fuchsia); transition: height .45s; }
.mLine::before { position: absolute; content: ''; width: 100%; height: 3px; background: pink; top: -4px; }
.tit { position: absolute;;left: 140px; top: 80px; font: bold 3.0em sans-serif; color: hsla(120,50%,50%,.90); text-shadow: 1px 1px 1px #000, -5px -5px 10px Yellow, 5px 5px 10px Yellow; animation: flash 3s infinite alternate linear; }
@keyframes flash { to { text-shadow: 1px 1px 2px #000, -5px -5px 20px darkgreen, 5px 5px 20px darkgreen; } }
</style>
<div id="papa">
<div class="tit">来吧【一起舞】</div>
<div id="mplayer"></div>
<audio id="aud" src="https://yinhua.ru/20221209/00.mp3" loop autoplay></audio>
</div>
<script>
(function() {
ypData = ;
let total = Math.ceil(mplayer.offsetWidth / 6);
let cNum = 0;
for(j=0; j<total; j++) {
let el = document.createElement('span');
el.className = 'mLine';
el.style.height = Math.floor(Math.random()* 100) + 'px';
mplayer.appendChild(el);
}
let lines = document.querySelectorAll('.mLine');
mplayer.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('timeupdate', () => {
cNum ++;
if(cNum >= ypData.length) cNum = 0;
setPinpu(cNum);
});
function setPinpu(num) {
let data = ypData;
for(j=0; j<total; j++) {
lines.style.height = Math.floor(Math.random() * data / 1.5) + Math.floor(Math.random() *50) + 'px';
}
}
})();
</script>
<br><br><br><br><br>
红影 发表于 2022-11-12 17:34
亲爱的这个心形定位很恰当，正好圈住两个人。动图也漂亮，海滩上的小星星尤其漂亮
亲爱的，这个海滩上的小星星是下面的一个动图{:4_173:}
寒冬残荷 发表于 2022-11-12 19:17
欣赏、学习！
看回帖好有趣！
问好寒冬残荷，谢谢欣赏{:4_187:}
回帖好玩吧，一起学习一起闹着玩{:4_170:}
樵歌 发表于 2022-11-12 19:56
那小小人儿小辣椒至少得喊声大叔和阿姨。
不会啊，肯定比小辣椒小的，看见上面老头在说是中学生的
小辣椒 发表于 2022-11-12 20:35
感觉现在的心漂亮一点
{:4_181:}
樵歌 发表于 2022-11-12 19:57
仿佛想起了点什么
{:4_203:}
樵哥哥神秘兮兮的{:4_189:}
小辣椒 发表于 2022-11-12 20:34
哦，啥时候去搜索看看这个小说
可能你看不下去额
马黑黑 发表于 2022-11-12 20:43
可能你看不下去额
为什么？情节很。。。干脆现在去搜索。。。。
小辣椒 发表于 2022-11-12 20:49
为什么？情节很。。。干脆现在去搜索。。。。
年轻人一般都不会去读这么严肃的作品的
小辣椒 发表于 2022-11-12 20:38
梦油好，这个是的动图，大雁飞的效果
你制作的真漂亮。
马黑黑 发表于 2022-11-12 20:50
年轻人一般都不会去读这么严肃的作品的
网络上没有完整的，得去寻
梦油 发表于 2022-11-12 21:09
你制作的真漂亮。
哈哈，梦油有夸我了，谢谢支持小辣椒{:4_187:}
小辣椒 发表于 2022-11-12 21:15
哈哈，梦油有夸我了，谢谢支持小辣椒
咱们相互支持
梦油 发表于 2022-11-12 21:19
咱们相互支持
好啊好啊{:4_187:}
小辣椒 发表于 2022-11-12 21:14
网络上没有完整的，得去寻
上世纪中叶的东东，估计现在人不怎么感兴趣
小辣椒 发表于 2022-11-12 20:39
亲爱的，这个海滩上的小星星是下面的一个动图
嗯，这个动图很漂亮{:4_204:}
小辣椒 发表于 2022-11-12 21:29
好啊好啊
这也是永远都的花潮友谊。
红影 发表于 2022-11-12 22:42
嗯，这个动图很漂亮
你可以收藏
马黑黑 发表于 2022-11-12 21:32
上世纪中叶的东东，估计现在人不怎么感兴趣
昨天有兴趣的，今天好像没有昨天那么想看了{:4_170:}
小辣椒 发表于 2022-11-13 11:48
昨天有兴趣的，今天好像没有昨天那么想看了
昨天你是冲着某个热情来的