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.vxbq.cn/' _fcksavedurl='http://www.vxbq.cn/' target='_blank'>http://www.vxbq.cn/</a></center>
提示：可修改后代碼再運行!

　　我剛學JavaScript ，看見一些牛人寫了許多特效，我也花了一天寫了一個彈簧振子，完全獨創，沒有借鑒任何人的代碼，這里運行的是我的壓縮版代碼(在網上運行有些卡)，我會馬上把，完整版和帶注釋的代碼上傳(寫得很詳細，第一次在博客里發代碼，還挺難控制!哈哈!),還有高手們不要見笑，我用的是很笨的方法，過些日子會有新特效上傳，(這個彈簧是我做的網頁里的一個按鈕特效，我那個網頁里有很多特效，網頁還沒做完，等做完我就把所有原創特效都發上來)。因為我還在學習，發表新特效的時間可能很慢，請大家諒解!(大家多多想一些特效樣式，給我點靈感,哈哈!)

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

　　完整源碼下載：0910231F630.rar

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈