亚伦影音工作室 发表于 2025-3-22 17:38

切换

本帖最后由 亚伦影音工作室 于 2025-4-16 11:03 编辑 <br /><br /><style>
        .mybox {
                margin: 20px auto;
                border: 0px solid gray;
                width: 500px;
                height: 320px;transition:all 0.2s;
                        background:url(https://pic1.imgdb.cn/item/67ff1d2d88c538a9b5d2591a.gif) no-repeat center/80%;
        }
        .bgm { background:url(https://pic1.imgdb.cn/item/67ff1ae288c538a9b5d250c6.png) no-repeat center/80%;transition:all 0.2s; }
</style>

<div class="mybox" title="点击更换背景"></div>

<script>
        var mybox = document.querySelector('.mybox');
        mybox.onclick = () => {
                mybox.classList.toggle('bgm');
                };
</script>

红影 发表于 2025-3-22 19:58

这个点上去会转一圈才停，很奇妙{:4_187:}

红影 发表于 2025-3-22 19:58

欣赏亚伦老师好帖{:4_187:}

小辣椒 发表于 2025-3-22 22:18

这个是播放器会旋转？

小辣椒 发表于 2025-3-22 22:18

欣赏亚纶新产品{:4_199:}

老谟深虑 发表于 2025-3-24 15:54

          老师好制作。
页: [1]
查看完整版本: 切换