向荣 发表于 2025-3-12 21:25

【向荣音画】我在春天等你

</audio><div style="left: -500px; top: 150px; width: 1920px; position: relative;"><iframe width="1920" height="1080" src="http://www.yulubbs.com/data/attachment/forum/202503/12/210654qvfy5xxuk9v9mtux.jpg" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
<p><br><br><br><br><br><br><br> </p><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=411754937&auto=1&height=66"></iframe>

爆汁莓驴 发表于 2025-3-12 23:58

<img id="aa" src="http://www.yulubbs.com/data/attachment/forum/202503/12/210654qvfy5xxuk9v9mtux.jpg" style="width:100%;margin-left:0;transform:scale(1.0);transition: transform 8s ease-in-out;" onclick="AA()">


    <script>
      let zoomLevel = 1;

      const zoomedImage = document.getElementById('aa');

      function zoomImage() {
            if (zoomLevel === 1) {
                zoomLevel = 1.5;
            } else {
                zoomLevel = 1;
            }
            zoomedImage.style.transform = `scale(${zoomLevel})`;
      }
      intervalId = setInterval(zoomImage, 8000);
      function AA() {
            if(intervalId){
               clearInterval(intervalId);
               intervalId = null;
            }
            else{
               intervalId = setInterval(zoomImage, 5000);
            }
      }







    </script>
点击可停止在最大或最小状态，不影响手机两指缩放。再点延迟几秒后再自动大小。

向荣 发表于 2025-3-14 16:54

爆汁莓驴 发表于 2025-3-12 23:58
let zoomLevel = 1;

      const zoomedImage = document.getElementById('aa'); ...

好漂亮的效果，老师水平高{:1_293:}

么念 发表于 2025-3-18 15:49

欣赏学习，祝安！

诺北 发表于 2025-3-27 14:32

春天的邂逅
页: [1]
查看完整版本: 【向荣音画】我在春天等你