论坛 › 音乐沙龙 › 单曲《光明》欣赏，帖赠小辣椒

了了子 发表于 2026-4-9 19:53

单曲《光明》欣赏，帖赠小辣椒

<style>
   
    #iframeContainer {
      width: 1360px;            
      margin: 120px 0;            
      transform: translateX(var(--offsetX, 0px));
   
      background: transparent;
      border: none;
    }
    iframe {
      width: 100%;
      height: 800px;
      border: none;
      display: block;         
    }
</style>


<div id="iframeContainer">
    <iframe src="https://www.llz123.net/llz/llz/mulu/gm/index123.html" 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 -=0;

      
      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>

梦江南 发表于 2026-4-9 19:55

好漂亮的画面，梦江南先坐沙发欣赏了。{:4_187:}

了了子 发表于 2026-4-9 19:55

十分感谢小辣椒多次赠帖，一首《光明》回赠小辣椒，祝福小辣椒一生《光明》为伴，健康、美丽，幸福！

梦江南 发表于 2026-4-9 19:56

@小辣椒 ，快来收礼！

了了子 发表于 2026-4-9 20:00

梦江南 发表于 2026-4-9 19:55
好漂亮的画面，梦江南先坐沙发欣赏了。

谢谢梦江南，同样的祝福也送给你，光明为伴，一生平安。这首歌也很励志，比较适合小辣椒！{:4_204:}

梦江南 发表于 2026-4-9 20:03

了了子 发表于 2026-4-9 20:00
谢谢梦江南，同样的祝福也送给你，光明为伴，一生平安。这首歌也很励志，比较适合小辣椒！

了了子老师太了解小辣椒了。谢谢老师的用心良苦。{:4_187:}

梦江南 发表于 2026-4-9 20:04

了了子 发表于 2026-4-9 20:00
谢谢梦江南，同样的祝福也送给你，光明为伴，一生平安。这首歌也很励志，比较适合小辣椒！

了了子老师，我要下线了。老师晚安！{:4_204:}

了了子 发表于 2026-4-9 20:07

梦江南 发表于 2026-4-9 20:04
了了子老师，我要下线了。老师晚安！

好的，晚安，好梦！{:4_204:}

红影 发表于 2026-4-9 23:04

好漂亮的设计，制作很美，歌曲好听。
欣赏了了子好帖，小辣椒亲爱的收礼开心{:4_187:}

杨帆 发表于 2026-4-10 00:09

谢谢了了子老师精彩制作，祝小辣椒收礼开心{:4_204:}

也曾年轻 发表于 2026-4-10 08:23

https://wx1.sinaimg.cn/mw1024/008EHV7Lly4i0js6sm5doj30nm0nm0u1.jpg

雨季工作室 发表于 2026-4-10 10:51

谢谢老师精彩制作！

亦是金 发表于 2026-4-10 17:37

欣赏老师精彩制作！小辣椒收礼开心！{:4_187:}

梦江南 发表于 2026-4-11 11:30

了了子 发表于 2026-4-9 20:07
好的，晚安，好梦！

了了子老师新的一天开心快乐！{:4_204:}

寒冬残荷 发表于 2026-4-13 14:11

欣赏了了子老师的美贴！

小辣椒 发表于 2026-4-13 21:05

谢谢老师，小辣椒收礼来迟了{:4_187:}

小辣椒 发表于 2026-4-13 21:07

打开页面看见这么漂亮的画面，惊艳了，爱不释手的，太喜欢了{:4_178:}

小辣椒 发表于 2026-4-13 21:08

这种效果以前是SWF可以玩，现在老师是代码轻松的制作出来了，太佩服了{:4_178:}

小辣椒 发表于 2026-4-13 21:09

了了子 发表于 2026-4-9 19:55
十分感谢小辣椒多次赠帖，一首《光明》回赠小辣椒，祝福小辣椒一生《光明》为伴，健康、美丽，幸福！

应该谢谢老师，让小辣椒大开眼界了{:4_199:}

小辣椒欣赏加学习

小辣椒 发表于 2026-4-13 21:10

梦江南 发表于 2026-4-9 19:56
@小辣椒 ，快来收礼！

阿姨晚上好，小辣椒收礼来迟了{:4_179:}

查看完整版本: 单曲《光明》欣赏，帖赠小辣椒