简易动画的css3与js结合

<head>
        <meta charset="utf-8">
        <title></title>
        <style>
            div{width: 200px;height: 200px;background: red;position: absolute;left: 0;}
            .ac{left: 500px;transition: 2s linear;}
        </style>
    </head>
    <body>
        <button>点击</button>
        <div></div>
        <script>
            document.querySelector("button").onclick = function () {
                document.querySelector("div").className = "ac";
            }
        </script>
    </body>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 板书截图 业务是承载在设备之上的,所以要先认识设备。先讲设备流。 基本模型:PON技术 三个主要设备,分别是OLT...
    Hz客调装维支撑4886阅读 1,774评论 0 0
  • 童年是原野里的一片野花 扭动着万紫千红的闲暇 风吹不灭嬉戏 雨浇不熄玩耍 从不觉得自己渺小 因为心界很大 眼睛里的...
    浅得塾心灵文画阅读 1,454评论 4 13
  • 長憶武功,旖旎山光來次第。懸泉百尺澗生風,峭壁倚青松。 日出如蓋群峰聳,叆叇流雲猶浪湧。但得龍御老羲和,思入...
    秋水斋主人阅读 1,693评论 4 4
  • worry about... 担心... 1.Don't worry about me , I 'am ok.别担...
    老祝读书阅读 7,851评论 0 0
  • 背景 使用docker一键发布Jar包形式的java项目。 内容 dockerfile 如下 备注 java -j...
    一杉风雨阅读 7,447评论 0 1

友情链接更多精彩内容