弹跳是不是自由落体?

// 174 ? 175 : high;
callback(high);
}, delay);
}

window.onload = function () {
a = document.getElementById("a");
XDancing(aLayout, 180);

b = document.getElementById("b");
XDancing(bLayout, 120);

c = document.getElementById("c");
XDancing(cLayout, 90);
}

// ]]>

C#

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a;
        var b;
        var c;

        var endtime = 6;
        var g = 4.9;

        function aLayout(_high) {
            a.style.top = _high + "px";
            a.style.marginRight = 3 + "px";
            a.style.marginLeft = 5 + "px";
        }
        function bLayout(_high) {
            b.style.top = _high + "px";
            b.style.marginRight = 3 + "px";
            b.style.marginLeft = 5 + "px";
        }
        function cLayout(_high) {
            c.style.top = _high + "px";
            c.style.marginRight = 3 + "px";
            c.style.marginLeft = 5 + "px";
        }

        function XDancing(callback, delay) {
            var down = true;
            var high = 0;
            var downSpeed = 0;
            var DownOrUp = setInterval(function () {
                if (down)
                    downSpeed++;
                if (!down)
                    downSpeed--;
                if (downSpeed == endtime || downSpeed == 0)
                    down = !down;
                high = Math.ceil(g * downSpeed * downSpeed);
                high = high > 174 ? 175 : high;
                callback(high);
            }, delay);
        }

        window.onload = function () {
            a = document.getElementById("a");
            XDancing(aLayout, 180);

            b = document.getElementById("b");
            XDancing(bLayout, 120);

            c = document.getElementById("c");
            XDancing(cLayout, 90);
        }

    </script>
</head>
<body>
    <div style="border: 1px solid black; width: 120px; height: 195px;">
        <div id="a" style="float: left; background-color: Green; position: relative;">
            C#
        </div>
        <div id="b" style="float: left; background-color: Orange; position: relative;">
            版
        </div>
        <div id="c" style="float: left; background-color: Blue; position: relative;">
            本
        </div>
    </div>
</body>
</html>

时间: 2024-10-20 16:22:57

弹跳是不是自由落体?的相关文章

自由落体和抛物线运动

自由落体是个加速的过程,让速度递加,再给速度个系数,减小速度即可 抛物线是在自由落体的前提下left也会变,速度,速度系数 js函数 //自由落体和抛物线运动 function fallMove(obj) { var speed = 0; var speedX = 10; clearInterval(obj.timer); obj.timer = setInterval(function() { speed += 3; var T = obj.offsetTop + speed; if(T >

java编程自由落体位移公式

import java.util.Scanner; public class Test2 { /* * 自由落体位移公式:s = 1/2 * g * t2 s --- 位移(m) t --- 时间(s) g --- 重力加速度(9.8m/s) 根据输入的时间,求出位移多少米 */ public static void main(String[] args) { double g = 9.8; double s; int t; Scanner scanner = new Scanner(Syste

javascript---之自由落体运动实现

实现自由落体运动需要理解的几个简单属性: clientHeight:浏览器客户端整体高度 offsetHeight:对象(比如div)的高度 offsetTop:对象离客户端最顶端的距离 简单demo如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>free_movement</title> <

【OneAPM】极客编程挑战#023:使用HTML5画布生成渐变自由落体小球效果

本期挑战 给定如下HTML: <canvas id="gbcanvas" width="350" height="300"></canvas> 阅读如下的相关HTML5画布教程: HTML5画布实现的粒子运动效果 HTML5画布Canvas基础入门 请使用HTML5画布生成一个自由落体效果的渐变小球,效果如下(点击下图查看GIF动画) 渐变色由#dd4814开始, 由#FFFF66结束 提交方式: 录制代码编写过程或最终代

JS运动-自由落体运动

模拟物理中的自由落体运动:废话不多说,先看效果!! 图片效果不太好,有些卡,可以把代码考出来自己运行看下效果!! 基本过程:鼠标可拖拽div,当鼠标抬起的时候,div会自由下落,然后弹起下落,直到速度为0运动停止,下落和弹起直至停止的过程是模拟 自由落体运动 完成测试代码: <div id="box"></div> <style> #box{ position: absolute;left: 0;top: 0; width: 100px;height

Javascript摸拟自由落体与上抛运动 说明!

JavaScript 代码 //**************************************** //名称:Javascript摸拟自由落体与上抛运动! //作者:Gloot //邮箱:[email protected] // QQ:345268267 //网站:http://www.cnblogs.com/editor/ //操作:在页面不同地方点几下 //*************************************** var $ = function(el)

Android游戏开发:物理游戏之重力系统开发--圆形自由落体Demo

本节为大家提供有关物理游戏的知识,讲解了一个简单的圆形自由落体Demo的编写.. Java代码 package com.himi; import java.util.Random; import java.util.Vector; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import a

js实现自由落体

实现自由落体运动需要理解的几个简单属性: clientHeight:浏览器客户端整体高度 offsetHeight:对象(比如div)的高度 offsetTop:对象离客户端最顶端的距离 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>free_movement</title> 6 &

洛谷P1033 自由落体

P1033 自由落体 题目描述 在高为 H 的天花板上有 n 个小球,体积不计,位置分别为 0,1,2,….n-1.在地面上有一个小车(长为 L,高为 K,距原点距离为 S1).已知小球下落距离计算公式为 d=1/2*g*(t^2),其中 g=10,t 为下落时间.地面上的小车以速度 V 前进. 如下图: 小车与所有小球同时开始运动,当小球距小车的距离 <= 0.0001(感谢Silver_N修正) 时,即认为小球被小车接受(小球落到地面后不能被接受). 请你计算出小车能接受到多少个小球. 输入