zoukankan      html  css  js  c++  java
  • 老鹰捉小鸡

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title>老鹰捉小鸡</title>
    <style>
        img{width:30px;height:30px;position:absolute;}
    </style>
    <script>
            function getPos(ev)
                {
                    var scrollLeft=document.documentElement.scrollLeft||document.body.scrollLeft;
                    var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
                    return{x:ev.clientX+scrollLeft,y:ev.clientY+scrollTop};
                }
            document.onmousemove=function(ev)
            {
                var oEvent=ev||event;
                var aDiv=document.getElementsByTagName("img");
                
                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=getPos(oEvent).x+'px';
                    aDiv[0].style.top=getPos(oEvent).y+'px';
                    
            }
        
    </script>
    </head>
    
    <body>
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        <img src="images/小黄鸡.jpg">
        
    </body>
    </html>
  • 相关阅读:
    模-数(A/D)转换器
    数-模(D/A)转换器
    VIM 常用命令
    Linux常用命令
    一个开关电源传导、辐射处理案例-----Layout环路
    解决:PADS导入.DXF结构图出现坐标超出范围问题
    Python3-threading模块-多线程
    Python3-socketserver模块-网络服务器框架
    Python3-socket模块-低级网络接口
    Python3-面向对象
  • 原文地址:https://www.cnblogs.com/lufeibin/p/11162057.html
Copyright © 2011-2022 走看看