老鹰捉小鸡

最新推荐文章于 2024-06-09 18:26:29 发布

weixin_30606461

最新推荐文章于 2024-06-09 18:26:29 发布

阅读量1.3k

点赞数

文章标签： c/c++ python

原文链接：http://www.cnblogs.com/lufeibin/p/11162057.html

版权

<!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>

转载于:https://www.cnblogs.com/lufeibin/p/11162057.html

weixin_30606461

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
老鹰捉小鸡

<!DOCTYPE html><html><head><meta charset="utf-8" /><title>老鹰捉小鸡</title><style> img{width:30px;height:30px;position:absolute;}</style>...
复制链接

扫一扫