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>
  • 相关阅读:
    技术面试之经验总结
    为何只有两篇文章?
    LOJ6364 烂柯
    mysql批量更新数据(性能优化)
    一个对象的key引发的血案
    总结与元素坐标相关的属性(再也搞不混了)
    利用nodejs搭建服务器,测试AJAX
    初探jquery之强大丰富的选择器
    Web前端开发规范手册
    IE8下标签float导致的bug。
  • 原文地址:https://www.cnblogs.com/lufeibin/p/11162057.html
Copyright © 2011-2022 走看看