小球垂直落体回弹代码

最新推荐文章于 2023-12-18 22:56:56 发布

GuaX

最新推荐文章于 2023-12-18 22:56:56 发布

阅读量570

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/m0_37714008/article/details/108974672

版权

js 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

代码如下（示例）：

#divStart {
            position: absolute;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: black;
        }

   <script type="text/javascript">
        window.onload = function () {
            startMove("divStart", 5);
            function startMove(id, n1) {
                var sDiv = document.getElementById(id);
                var iSpeed = 0;
                setInterval(function () {
                    iSpeed += n1;
                    var t = sDiv.offsetTop + iSpeed;
                    // 触底 顶部
                    if (t > document.documentElement.clientHeight - sDiv.offsetHeight) {
                        t = document.documentElement.clientHeight - sDiv.offsetHeight;
                        iSpeed *= -1;
                        iSpeed *= 0.95;
                    }
                    sDiv.style.top = t + "px";
                }, 100);
            }
        }
    </script>

<body>
   <div id="divStart"></div>
</body>

GuaX

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
4
评论
小球垂直落体回弹代码

代码如下（示例）：#divStart { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: black; } <script type="text/javascript"> window.onload = functi...
复制链接

扫一扫

专栏目录