js---基础案例-推箱子

最新推荐文章于 2023-06-26 08:29:19 发布

零度碳酸-

最新推荐文章于 2023-06-26 08:29:19 发布

阅读量357

点赞数

分类专栏： JS基础练习题

本文链接：https://blog.csdn.net/weixin_41086056/article/details/88016197

版权

JS基础练习题专栏收录该内容

19 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div
        {
            width: 100px;
            height: 100px;
            background-color: orange;
            position: absolute;
        }
    </style>
</head>
<body>
<div id="div0"></div>
<div id="div1"></div>
<div id="div2"></div>
<script>
    for(var i=0;i<3;i++){
        var div=document.getElementById("div"+i);
        div.style.top=i*110+"px";
        div.lefts=0;
        div.onclick=function () {
            setDivOffset(this);
        }
    }

    function setDivOffset(_div) {
        _div.lefts+=5;
        _div.style.left=_div.lefts+"px";
    }
</script>

</body>
</html>

零度碳酸-

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js---基础案例-推箱子

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; div {
复制链接

扫一扫