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>
  • 相关阅读:
    第一次冲刺站立会议03
    第二次冲刺计划会议
    梦断代码阅读笔记02
    学习进度12
    个人项目——找水王
    学习进度11
    梦断代码阅读笔记01
    学习进度10
    学习进度09
    第一次冲刺个人博客10
  • 原文地址:https://www.cnblogs.com/landen/p/6873877.html
Copyright © 2011-2022 走看看