论坛 › 欢乐水吧 › 背景缩放插件

亚伦影音工作室 发表于 2025-2-12 14:42

背景缩放插件

本帖最后由 亚伦影音工作室 于 2025-2-12 14:42 编辑 <br /><br /><div style="text-align:center;left: -35%;position: relative;">
       
        <button onclick="makeBig()">放大</button>
        <button onclick="makeSmall()">缩小</button>
        <button onclick="makeNormal()">普通</button>
        <br>
        <img id="tp" width="960"src="https://img2.oldkids.cn/upload/2020/10/26/photo_20201026181006270.jpg">
                </div>

<script>
        var img=document.getElementById("tp");
       
        function makeBig(){
                tp.width=1084;
        }
        function makeSmall(){
                tp.width=420;
        }
        function makeNormal(){
                tp.width=960;
        }
</script>

杨帆 发表于 2025-2-12 17:01

谢谢精彩分享，祝亚伦老师元宵节快乐{:4_176:}

梦油 发表于 2025-2-12 17:10

亚伦朋友元宵节快乐！

红影 发表于 2025-2-12 17:19

还真是很容易就放大或缩小呢，这个真好。
欣赏亚伦老师好帖，元宵节快乐{:4_187:}{:4_199:}

小辣椒 发表于 2025-2-12 20:45

这个代码可以缩放，亚纶会的也是不少{:4_199:}

查看完整版本: 背景缩放插件