真情难收 (学习黑黑追随效果套用一个）
<style>#papa { left: -332px; width: 1237px; height: 705px; top: 150px;background: blue url('https://wj.zp68.com/lxx/yunhua/2022/07/10/IF.gif') no-repeat center/cover; box-shadow: 4px 4px 24px #000; position: relative; }
#hunter { position: absolute; width: 32px; height: 32px; transition: all 3s; z-index: 99; }
#prey { position: absolute; width: 319px; height: 479px; border-radius: 50%; }
#btnplay { position: absolute;left:50px; top: 620px; width: 40px; height: 40px; cursor: pointer; border: none; outline: none; border-radius: 50%; }
#btnplay:hover { color: red; box-shadow: 3px 3px 5px #000; }
#lrcbox { position: absolute;left:450px;top: 120px;font: normal 2.0em / 1.6em '微软雅黑', sans-serif;color: Silver;text-shadow: 2px 2px 4px #000; }
</style>
<div id="papa">
<input id="btnplay" type="button" value=">" />
<div id="lrcbox">LRC LOADING ...</div>
<img id="hunter" alt="" src="https://wj.zp68.com/lxx/yunhua/2022/07/10/xg.gif" />
<img id="prey" src="https://wj.zp68.com/lxx/yunhua/2022/07/10/mn.gif" alt="" />
</div>
<audio id="aud" src="https://wj.zp68.com/lxx/yunhua/2022/07/10/zqns.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let lrcAr = [
['0.00','真情难收--刘德华'],
['19.49','飘雨的黄昏和陌生的街灯'],
['25.56','有谁会在乎多我一个人'],
['31.59','心中的苦闷又反复地沸腾'],
['36.51','刺痛我一身的伤痕'],
['41.67','漫漫的人生 最怕空余恨'],
['47.53','我偏是痴心人'],
['52.43','恨我真情难收 怨你真心难求'],
['58.15','任随命运来捉弄'],
['63.45','风它无情地走 泪却痴心地流'],
['69.51','而我该何去何从'],
['74.52','LRC编辑：小辣椒'],
['100.24','飘雨的黄昏和陌生的街灯'],
['105.57','有谁会在乎多我一个人'],
['111.31','心中的苦闷又反复地沸腾'],
['116.67','刺痛我一身的伤痕'],
['121.62','漫漫的人生 最怕空余恨'],
['127.39','我偏是痴心人'],
['132.76','恨我真情难收 怨你真心难求人'],
['138.35','任随命运来捉弄'],
['143.58','风它无情地走 泪却痴心地流'],
['149.32','而我该何去何从'],
['156.01','恨我真情难收 怨你真心难求'],
['168.90','任随命运来捉弄'],
['174.23','风它无情地走 泪却痴心地流'],
['179.92','而我该何去何从'],
['185.47','恨我真情难收 怨你真心难求'],
['190.86','任随命运来捉弄'],
['196.45','风它无情地走 泪却痴心地流'],
['202.11','而我该何去何从'],
['207.47','而我该何去何从'],
['212.76','而我该何去何从'],
['219.46','谢谢欣赏'],
['230.53','谢谢黑黑分享教程']
];
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;
setTimeout(gogo,100);
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');
aud.addEventListener('timeupdate',function(){
let tt = aud.currentTime;
for(j=0; j<lrcAr.length; j++){
if(tt >= lrcAr) lrcbox.innerHTML = lrcAr;
}
});
function gogo() {
let left = num(100,900), top = num(120,250);
prey.style.left = left + 'px';
prey.style.top = top + 'px';
hunter.style.left = left +105 + 'px';
hunter.style.top = top +400 + 'px';
setTimeout(gogo,6000);
}
</script>
<br><br><br><br><br><br><br><br><br><br> @马黑黑
黑黑，我直接套用了，稍微修改了一下，加了个歌词同步，今天不完成，明天就来不及做了 这么小的狗狗{:4_170:} @走过岁月
岁月今天做帖就做了个你的粒子效果，顺便完成作业，谢谢岁月的的精美效果 马黑黑 发表于 2022-7-10 19:58
这么小的狗狗
我都好担心高跟鞋会踩对狗狗{:4_196:} 刘德华的--真情难收，小辣椒按歌曲的意思加了个第三者进去{:4_170:} 小辣椒 发表于 2022-7-10 19:58
@马黑黑
黑黑，我直接套用了，稍微修改了一下，加了个歌词同步，今天不完成，明天就来不及做了
做得挺好的 马黑黑 发表于 2022-7-10 19:58
这么小的狗狗
狗狗是意思意思的，主要突出第三者{:4_170:} 小辣椒 发表于 2022-7-10 20:03
狗狗是意思意思的，主要突出第三者
啊？原来狗狗是电灯泡 马黑黑 发表于 2022-7-10 20:00
我都好担心高跟鞋会踩对狗狗
不会的，这个美女喜欢狗狗，宠物狗，越小越贵的 小辣椒 发表于 2022-7-10 20:04
不会的，这个美女喜欢狗狗，宠物狗，越小越贵的
那就好那就好 小辣椒 发表于 2022-7-10 20:00
@走过岁月
岁月今天做帖就做了个你的粒子效果，顺便完成作业，谢谢岁月的的精美效果
看到了，美呆了，效果一如既往的精彩 小辣椒真棒 好漂亮的制作！{:4_199:} 好漂亮的制作。大赞！ 粒子效果还有视频截图都很漂亮，那小狗狗也很可爱。亲爱的帖子总是元素丰富，做的特别漂亮{:4_199:} 用心之作 马黑黑 发表于 2022-7-10 20:03
啊？原来狗狗是电灯泡
哈哈，小电灯泡{:4_170:} 走过岁月 发表于 2022-7-10 20:07
看到了，美呆了，效果一如既往的精彩
后面加的会移动的美女是作业的，那个效果就加了个美女在小湖边。。。 走过岁月 发表于 2022-7-10 20:08
小辣椒真棒
谢谢岁月欣赏，谢谢岁月的粒子效果，瞎捣鼓一个玩玩很开心的
页:
[1]
2