server/aspnetapp/wwwroot/lib/alloyfinger/asset/a.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        #ctt .test {
            width: 100px; height: 100px;  color: white; line-height: 100px; text-align: center; display: inline-block; margin-top: 30px; position: absolute; left: 0; top: 0;
        }
    </style>
</head>
<body>
<div style="text-align: center;position:relative;left:100px;top:100px;"  id="ctt">

    <div id="test1" class="test" style="background-color: green; ">
        transformjs
    </div>

    <div id="test2" class="test" style="background-color: red;left:200px; ">
        transformjs
    </div>

    <div id="test3" class="test" style="background-color: blue;left:400px ">
        transformjs
    </div>

    <div id="test4" class="test" style="background-color: #ff6a00;left:600px ">
        transformjs
    </div>

    <div id="test5" class="test" style="background-color:#485f0f;left:400px;top:200px; ">
        transformjs
    </div>

    <div id="test6" class="test" style="background-color:#485f0f;left:0;top:200px; ">
        transformjs
    </div>

    <div id="test7" class="test" style="background-color:#291996;left:200px;top:200px; ">
        transformjs
    </div>

    <div id="test8" class="test" style="background-color:#291996;left:600px;top:200px; ">
        transformjs
    </div>

    <div id="test9" class="test" style="background-color:#c71585;left:200px;top:400px; ">
        transformjs
    </div>
    <div id="test10" class="test" style="background-color:#32cd32;left:400px;top:400px; ">
        transformjs
    </div>
</div>
<script src="transform.js"></script>
<script>
    //----------------how to use---------------------------------
    var element1 = document.querySelector("#test1");
    var element2 = document.querySelector("#test2");
    var element3 = document.querySelector("#test3");
    var element4 = document.querySelector("#test4");
    var element5 = document.querySelector("#test5");