动画

1.动画

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style>
        .box
        {
            width:200px; height:200px; background:red; position:absolute; top:0; left:0; -webkit-transition:2s all ease;
        }
            .box:hover
            {
                background:blue;
            }
    </style>
    <script>
        window.onload = function () {
            var oDiv = document.getElementById("box");
            setTimeout(function () {
                oDiv.style.left = "500px";
                oDiv.style.top = "300px";
                oDiv.style.background = "blue";
            }, 2000);
        }
    </script>
</head>
<body>
    <div class="box" id="box"></div>
</body>
</html>

相关阅读:
打印图形II
打印图形
17倍
进制转换
小球
最强素数
最强阵容
英雄卡
数论模板
畅通工程 (最小生成树）（最短路径和）

原文地址：https://www.cnblogs.com/aimyfly/p/3156667.html