<! DOCTYPE html>"en">"UTF-8"> <title>Document</title> <style>. box2{}. box2{width:200px; height:200px; background:red; border-radius: -%;p osition:relative;} . box3{width:800px; height:500px; border:1px solid Red;} </style>""Id="Start"> Start </button><button type=""Id="Stop"> Stop </button><divclass="Box3"> <div id="Box" class="Box2"> </div> </div></body><script type="Text/javascript">varLr= -; vartb= -; varI=0; varj=0; varBox=document.getelementbyid ('Box'); varStart=document.getelementbyid ('Start'); varStop=document.getelementbyid ('Stop'); Start.onclick=function () {Start.style.display='None'; Stop.style.display='inline'; varTime=setinterval (function () {Box.style.left=i+'px'; Box.style.top=j+'px'; if(i>LR) {LR=0; I--; } if(i<=LR) {LR= -; I++; } if(j>TB) {TB=0; J--; } if(j<=TB) {TB= -; J++} Stop.onclick=function () {clearinterval (time); Stop.style.display='None'; Start.style.display='inline'; } },5); }</script>
JavaScript AD Mobile Effects