为什么你要离开我（学习黑黑追随效果）
<style>
#papa { left: -302px; top:120px;width: 1200px; height: 656px; background: blue url('https://pic.imgdb.cn/item/62ca5903f54cd3f937dedcaa.jpg') no-repeat center/cover; box-shadow: 4px 4px 24px #000; position: relative; }
#hunter { position: absolute; width: 60px; height: 72px; transition: all 3s; z-index: 99; }
#prey { position: absolute; width: 108px; height: 223px; z-index: 99; }
#btnplay { position: absolute;left: 20px; top: 20px; width: 30px; height: 30px; cursor: pointer; border: none;
outline: none; border-radius: 50%; }
#btnplay:hover { color: red; box-shadow: 1px 1px 1px #000; }
#lrcbox { position: absolute;left: 60px;top: 20px;font: normal 1.2em / 1.6em '宋体', sans-serif;color: snow;text-shadow: 1px 1px 2px #000; }
</style>
<div id="papa">
<input id="btnplay" type="button" value=">" />
<div id="lrcbox">LRC LOADING ...</div>
<img id="hunter" alt="" src="https://pic.imgdb.cn/item/62ca5932f54cd3f937df18e9.gif" />
<img id="prey" src="https://pic.imgdb.cn/item/62ca5956f54cd3f937df455e.gif" alt="" />
</div><br><br><br><br><br><br>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1420765369.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
let lrcAr = [
['0.00','为什么你要离开我（伴奏）'],
['5.00','歌手 : 景一文'],
['10.00','为什么你要离开我'],
['80.00','学习黑黑追随效果'],
['160.00','感谢欣赏 祝你好运']
];
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,1000), bottom = num(20,100);
prey.style.left = left + 'px';
prey.style.bottom = bottom + 'px';
hunter.style.left = left - 40 + 'px';
hunter.style.bottom = bottom + 15 + 'px';
setTimeout(gogo,5000);
}
</script> 宠物既然养了就不要遗弃，否则它们的命运很悲惨。
记得刚捡到小伽古时，原计划养到它恢复健康就放它去自由生活。宠物医院的人说养了就不要遗弃，就算你们小区有人投食，它也抢不过其他野猫，会被那些已经适应了的流浪猫欺负死的。
听到这话，忽然觉得很心疼。既然小伽古和我有缘，我会一直养着它的。
也奉劝所有宠物的主人，不要遗弃你们的宠物。 有钱就跟小可爱们吃香的喝辣的，没钱它们也愿意跟你同甘共苦。 它们可能不是你的全部，而你是它们的唯一。 都制作成了大图了。挺漂亮的。 这图真漂亮，它给人以举目千里、尽收眼底的感觉。
俺没分了{:4_201:} 小猫咪样纸好可怜 那美女也太狠心了，瞧那小狗眼泪汪汪的。 和宠物的遇见也是缘分哪，好好珍惜 误会了吧，那美女是在逗小狗狗玩呢{:4_173:} 加林森 发表于 2022-7-10 14:52
都制作成了大图了。挺漂亮的。
看到队长也做成了两个呢，恭喜。其实跟的图不一定在头顶上，也可以是在身边或脚下的{:4_204:} 梦油 发表于 2022-7-10 15:25
这图真漂亮，它给人以举目千里、尽收眼底的感觉。
俺没分了
没事啊，梦油光临就很开心，不一定要加分的呢{:4_204:} 马黑黑 发表于 2022-7-10 15:47
小猫咪样纸好可怜
那明明是小狗狗好吧。没找到小猫咪哭泣的，也不舍得，就弄了个小狗狗{:4_173:} 樵歌 发表于 2022-7-10 16:56
那美女也太狠心了，瞧那小狗眼泪汪汪的。
是啊，当主人不要宠物了，宠物却是不离不弃地想跟着主人。做完帖子，自己看看都觉得小狗狗可怜极了。 四海八荒 发表于 2022-7-10 17:09
和宠物的遇见也是缘分哪，好好珍惜
它们没法选择自己的环境，我们却可以让它们活得更好一点。 红影 发表于 2022-7-10 20:13
看到队长也做成了两个呢，恭喜。其实跟的图不一定在头顶上，也可以是在身边或脚下的
嗯嗯。受教了！ 千羽 发表于 2022-7-10 17:34
误会了吧，那美女是在逗小狗狗玩呢
最喜欢看羽儿的这个解释了，心里好受多了。很快那美女就会把小狗狗带回家的{:4_187:} 真漂亮啊，小狗哇哇的哭啊 红影 发表于 2022-7-10 20:14
那明明是小狗狗好吧。没找到小猫咪哭泣的，也不舍得，就弄了个小狗狗
差不多差不多 红影 发表于 2022-7-10 20:14
没事啊，梦油光临就很开心，不一定要加分的呢
谢谢红影朋友的理解。