Implementering av magi Html Client Edges

= 0) {self.clearInterval (TR); //justere posisjon document.getElementById ('Calc') style.left = "0px."; } + X = 3; } Vi må begynne å skifte fra den foreliggende venstre posisjon av det indre DIV element, som er -205px. Så den første setningen gir posisjonen x (som i starten er -205) til CSS venstre egenskap av den indre DIV. Den siste setningen i funksjonen intervaller denne verdien med 3, slik at neste gang den første setningen (den funtion) kalles, vil posisjonen til den indre DIV flytte til høyre ved 3px. Etter den første setningen, har du en if-setning.

If-setningen tester hvis venstre posisjon (representert ved x) er større enn eller lik null. Hvis det er det, stopper den skiftende ved å ringe DOM sin clearInterval (TR) metoden. Den bruker avkastningen ID setInterval () metoden for å oppnå dette. Posisjonen x = 0 er der den indre DIV passer akkurat i den ytre DIV og kan sees av brukeren. Basert på skiftealgoritme (tilsette 3px) er det mulig at når forskyvningen stopper x posisjon ville ikke være null. Den andre linjen i if-setningen korrigerer dette. I neste del av serien, skal vi begynne prosjektet og legge alle disse funksjonene sammen.

Fjerne panelet I panelet er fjernet, når brukeren klikker på kroppen element. Ruten skal ikke fjernes, når brukeren klikker på feltet (kalkulator). Når du klikker på ruten, vil både ruten og BODY element motta onclick