zoukankan      html  css  js  c++  java
  • 模拟贪吃蛇

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            window.onload = function () {
                var aDiv = document.getElementsByTagName("div");
                document.onmousemove = function (ev) {
                    var oEvent = ev || event;
                    for (var i = aDiv.length - 1; i > 0; i--) {
                        aDiv[i].style.left = aDiv[i - 1].offsetLeft + 'px';
                        aDiv[i].style.top = aDiv[i - 1].offsetTop + 'px';
                    }
                    aDiv[0].style.left = oEvent.clientX + "px";
                    aDiv[0].style.top = oEvent.clientY + "px";
                }
            }
        </script>
        <style>
            div {
                width: 20px;
                height: 20px;
                background: red;
                position: absolute;
            }
        </style>
    </head>
    <body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    </body>
    </html>
  • 相关阅读:
    格式与布局
    iframe
    tp
    头信息
    php 文件下载
    socket
    Flex 布局2
    Flex 布局
    下拉刷新
    选取一种类中含有某一属性值得元素的集合
  • 原文地址:https://www.cnblogs.com/landen/p/6873877.html
Copyright © 2011-2022 走看看