js 弹簧效果代码

核心提示： <style type="text/css">.container{border:1px solid #000000;height:50px; width:500px;}.bounce{width:10px; height:10px; background:

<style type="text/css">
.container{border:1px solid #000000;height:50px; width:500px;}
.bounce{width:10px; height:10px; background:#000000;top:20px;}
</style>

固定范围反弹：

<div id="idContainer" class="container">
<div id="idBounce" class="bounce"> </div>
</div>
<br />范围渐变反弹：

<div id="idContainer1" class="container">
<div id="idBounce1" class="bounce"> </div>
</div>
<br />自定范围反弹：

<div id="idContainer2" class="container">
<div id="idBounce2" class="bounce"> </div>
</div>
<br />范围：

<input id="aa" name="" type="text" value="200" size="8" />
<input id="bb" name="" type="button" value=" 开始 " />
<input id="idFast" name="" type="button" value=" 加速 + " />
<input id="idSlow" name="" type="button" value=" 减速 - " />
<input id="idZoom" name="" type="button" value=" 渐 小 " />