一组仙侠歌曲欣赏（电影电视剧插曲或主题曲）
<style>
#iframeContainer {
width: 1400px;
margin: 120px 0;
transform: translateX(var(--offsetX, 0px));
background: transparent;
border: none;
}
iframe {
width: 100%;
height: 900px;
border: none;
display: block;
}
</style>
<div id="iframeContainer">
<iframe src="https://www.llz123.net/llz/llz/mulu/xianxia/" frameborder="0" scrolling="no" allowfullscreen ></iframe>
</div>
<script>
(function() {
function centerContainer() {
var el = document.getElementById('iframeContainer');
if (!el) return;
if (el.offsetWidth === 0) {
setTimeout(centerContainer, 50);
return;
}
var curOffset = parseFloat(getComputedStyle(el).getPropertyValue('--offsetX')) || 0;
var rect = el.getBoundingClientRect();
var originalLeft = rect.left - curOffset;
var targetCenter = window.innerWidth / 2;
var width = el.offsetWidth;
var newOffset = targetCenter - (originalLeft + width / 2);
newOffset -=-15;
if (Math.abs(newOffset - curOffset) > 1) {
el.style.setProperty('--offsetX', newOffset + 'px');
}
if (!window.__resizeObserver) {
window.__resizeObserver = new ResizeObserver(function() {
centerContainer();
});
}
if (window.__resizeObserver.__target !== el) {
if (window.__resizeObserver.__target) {
window.__resizeObserver.unobserve(window.__resizeObserver.__target);
}
window.__resizeObserver.observe(el);
window.__resizeObserver.__target = el;
}
}
if (!window.__iframeEventsBound) {
window.__iframeEventsBound = true;
window.addEventListener('resize', centerContainer);
if (document.readyState === 'complete') {
centerContainer();
} else {
window.addEventListener('load', centerContainer);
}
}
centerContainer();
})();
</script>
一组仙侠歌曲（十首），与大家分享。
点击飘飞的任何图片，获取播放页面（含列表），播放页面为弹窗模式，默认居左，可自由移动。
弹窗出，背景音乐自动暂停，弹窗关，背景音乐继续播放，亦可通过右下角按钮手动控制。
所有动画均可通过弹窗页面控制按钮一键停止。 llz123 发表于 2026-9-19 16:56
一组仙侠歌曲（十首），与大家分享。
点击飘飞的任何图片，获取播放页面（含列表），播放页面为弹窗模式， ...
曲曲经典，制作新颖，谢谢llz123老师带来的视听盛宴 哇！这么多美女！真好看！ 都是美女，老师可以整几个帅哥！帅哥也要修仙呀！哈哈！开个玩笑！ 这个真好玩！有空玩一个！ klxf 发表于 2026-9-19 22:02
曲曲经典，制作新颖，谢谢llz123老师带来的视听盛宴
谢谢欣赏，预祝国庆节快乐！ 醉美水芙蓉 发表于 2026-9-20 21:57
这个真好玩！有空玩一个！
问好美芙蓉，我的代码你可以直接用，没关系，这个播放器有两个外链文件，可以直接复制下来，制作成相应的文件即可。国庆节快乐！ llz123 发表于 2026-9-27 21:55
问好美芙蓉，我的代码你可以直接用，没关系，这个播放器有两个外链文件，可以直接复制下来，制作成相应的 ...
谢谢了了子老师大公无私，有空我也玩一下！祝老师国庆节快乐！
页:
[1]