谭咏麟歌曲欣赏
<style>@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://picasa.eu.org/i/2026/05/05/p3cqgc.jpg') no-repeat center/cover; }
.player { width: 30%; bottom: 100px; right: 820px; color: gold; }
.btnFs { top: 20px; right: 20px; color: gold; }
.mypic { width: 160px; transition: .5s; opacity: var(--opacity); }
.mypic:nth-of-type(1) { top: 30%; filter: hue-rotate(60deg); }
.mypic:nth-of-type(2) { right: 100px; bottom: 200px; filter: hue-rotate(120deg); }
.mypic:nth-of-type(3) { right: 260px; top: 90px; filter: hue-rotate(180deg); }
</style>
<div class="pa">
<video class="pd-vid" src="https://img.tukuppt.com/video_show/1863507/00/13/38/5df20bcb2b0fd.mp4" autoplay loop muted></video>
<img class="mypic rot" src="https://638183.freep.cn/638183/small/780.webp" />
<img class="mypic rot" src="https://638183.freep.cn/638183/small/780.webp" />
<img class="mypic rot" src="https://638183.freep.cn/638183/small/780.webp" />
</div>
<script>
const options = {
pa: '.pa',
urls: [
['https://imgimg.qqdsw8.cn/view.php/233834a4880b47477ec194e9fa53c2ce.mp3', '01. 愛情陷阱'],
['https://imgimg.qqdsw8.cn/view.php/efa36f306e0bc09a7a416ccdfe5222f2.mp3', '02. 幸運星'],
['https://imgimg.qqdsw8.cn/view.php/d34fbe9597e8cc5b3757bfc73fc0954e.mp3', '03. 愛你太深'],
['https://imgimg.qqdsw8.cn/view.php/49b09a3a9efd0bc45e99564f2301ce85.mp3', '04. 火美人'],
['https://imgimg.qqdsw8.cn/view.php/f6dee337db091a907ee7215301899c1f.mp3', '05. 我愛世界 [電影「恭喜發財」插曲]'],
['https://imgimg.qqdsw8.cn/view.php/e98312cc99204997bd4e591933c24fac.mp3', '06. 恭喜發財 [電影「恭喜發財」主題曲]'],
['https://imgimg.qqdsw8.cn/view.php/568abf049f34c6da3589503751d404d5.mp3', '07. 情 (是永願着迷) [電影「花仔多情」插曲]'],
['https://imgimg.qqdsw8.cn/view.php/d62f49c957ed3aa841fd477f283f5692.mp3', '08. 此刻你在何處 [電影「花仔多情」插曲]'],
['https://imgimg.qqdsw8.cn/view.php/1114e71c1562a11494cce72d109a7c17.mp3', '09. 花仔世界 [電影「花仔多情」主題曲]'],
['https://imgimg.qqdsw8.cn/view.php/ef2eeb6769a59fb8bb1410869124108c.mp3', '10. 最愛的你'],
['https://imgimg.qqdsw8.cn/view.php/a03ee2b1fcd3f137d2481d26c53be9bc.mp3', '11. 雨夜的浪漫'],
],
btns: document.querySelectorAll('.mypic'),
};
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
const aud = new AudPlayer(options);
});
function loadJs(url, callback) {
var script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
script.onload = function() {
if (callback) callback();
};
document.head.appendChild(script);
}
</script>
页:
[1]