JavaScript编写的高仿真可控弹簧振子

<script type="text/javascript">var HI=false; function IO() { SL=parseFloat(document.getElementById("SL").value)+2; if(SL <=1) { alert("我还不会用零度能量！"); return; }T =parseFloat(document.getElementById("T").value);if(T<0){ alert("大侠！我还不能让时光倒流！"); return; } if(HI==false) { HI=true; o= document.getElementById("divM"); SI =parseFloat(document.getElementById("SI").value); M(); }} function Distance() { o= document.getElementById("divM"); o.style.left=parseFloat(document.getElementById("P").value)+"px"; } function Back() { if(HR) { TS=false; HR=false; TOTM=0; IM=0; o.style.left=parseFloat(document.getElementById("P").value)+"px"; SI=30; SL=3; HI=false; } } var TS = false; function S() { TS=true; }//////////////////////////////////////////liehuo.net/////////////////This is Spring Begin//////////////////////////////////// var o=0; var T =0; var SI=30; var HR=false; var SC=1; var IM=true; var TOTM=0; var D="r"; var SIADAR =1; var SIADAL =1; var SL=3; function M() { if(TS){ HR=true; return; } if(HR){ return; } if(SC>0){ D="r"; if(TOTM%2==0){ IM=true;} } else if(SC<0) { D="l"; if(TOTM%2==1){ IM=true;} } if(o.offsetLeft<0&&TOTM==0){ o.style.left=o.offsetLeft+SI+"px"; } if(TOTM==0){ SC=SI; } if(TOTM!=0){ o.style.left=o.offsetLeft+SC+"px"; } if(o.offsetLeft>=0&&TOTM%2==0&&IM){ TOTM++; SC=SC-SL; IM=false; if(SC<=0){ HR=true; return;} } else if(o.offsetLeft>=0&&D=="r"){ SC=SC-SIADAR; } else if(o.offsetLeft>=0&&D=="l") { SC=SC-SIADAL; } else if(o.offsetLeft<=0&&TOTM%2==1&&IM) { TOTM++; SC=SC+SL; IM=false; if(SC>=0){ HR=true; return; } } else if(o.offsetLeft<=0&&D=="l"){ SC=SC+SIADAR; } else if(o.offsetLeft<=0&&D=="r"&&TOTM!=0) { SC=SC+SIADAL; } setTimeout( "M()",T); } ///////////////////////////////////////////////////////////////Here spring is end////////////////////////////////////////// </script><div style="position: absolute; width: 616px; height: 432px; top: 122px; left: 50px" id="main"><div style="position: absolute; width: 616px; height: 407px; top: 0px; left: 3px" id="po"><div style="position: absolute; background-color: #ffffff; width: 1px; height: 70px; top: 206px; left: 52.41%" id="divMiddle"><div style="position: absolute; background-color: #999; width: 292px; height: 30px; color: #ff3; top: 8px; left: -1px" id="divM" onclick="IO()">设置完以后从新激活元素然后点我！</div></div><input style="width: 100px; height: 25px; top: 220px; left: 500px" id="back" onclick="Back()" value="重新激活元素" type="button">运行以后请从新激活！<br />(!!!如果设置后运行不了，那就点一下(立刻停止)再点元素，要不再刷新一下，还有别啥都往里写！坏了就赖你！哈哈！)<br />初始的速度(单位：像素/毫秒):       <input style="width: 50px" id="SI" value="30" type="text" /><br />移动时间间隔(单位：毫秒)：         <input style="width: 50px" id="T" value="15" type="text" /><br />半个周期损失的(速度)能量(>-1):   <input style="width: 50px" id="SL" value="1" type="text" />0 为简谐运动！<br />开始位置到中轴的距离(单位：像素):<input onblur="Distance()" style="width: 50px" id="P" value="-1"><br /><input style="width: 100px; height: 25px; top: 220px; left: 500px" id="stop" onclick="S()" value="立刻停止" type="button"> </div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' _fcksavedurl='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

　　我刚学JavaScript ，看见一些牛人写了许多特效，我也花了一天写了一个弹簧振子，完全独创，没有借鉴任何人的代码，这里运行的是我的压缩版代码(在网上运行有些卡)，我会马上把，完整版和带注释的代码上传(写得很详细，第一次在博客里发代码，还挺难控制!哈哈!),还有高手们不要见笑，我用的是很笨的方法，过些日子会有新特效上传，(这个弹簧是我做的网页里的一个按钮特效，我那个网页里有很多特效，网页还没做完，等做完我就把所有原创特效都发上来)。因为我还在学习，发表新特效的时间可能很慢，请大家谅解!(大家多多想一些特效样式，给我点灵感,哈哈!)

　　出处：http://www.cnblogs.com/NONE/

　　完整源码下载：0910231F630.rar

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠