Dieser Artikel beschreibt die Methode der JS -Kontrollschicht, die eine kreisförmige Bewegung erstellt. Teilen Sie es für Ihre Referenz wie folgt weiter:
<! DocType html public "-// w3c // dtd html 4.01 // en Bewegung </title> <script type = "text/javaScript"> window.onload = function () {var strlbtn = $ id ("Strg"); var ismove = true; om = null; ctrlbtn.onclick = function () {if (isMove) {moveByCircle (); } else {clearInterval (om); } ismove =! ismove; }} Funktion MOVEBYCIRCLE () {var bacl = parseInt ($ id ("clockbac"). style.left); var bact = parseInt ($ id ("clockbac"). style.top); var bacw = parseInt ($ id ("clockbac"). style.width); var bach = parseInt ($ id ("clockbac"). style.height); var initl = bacl+bacw/2; var initt = bact+bach/2; var Schritt = 0; var r = 65; $ id ("tt"). style.left = initl+"px"; $ id ("tt"). style.top = initt+"px"; var l = parseInt ($ id ("tt"). style.left); var t = parseInt ($ id ("tt"). style.top); om = window.setInterval (function () {if (Step == 360) {Step = 1;} $ id ("tt"). style.left = (l + r * math.sin (Schritt)) + "px"; $ id ("tt"). D.GetHours (); } function $ id (id) {return document.getElementById (id); } </script> </head> <body> <div id = "tt" style = "width: 10px; Höhe: 10px; Hintergrund: rot; Position: absolut; top: 105px; links: 130px;"> </div> <Eingabe type = "button" id = "ctrl" style = "width: 100px; id = "clockbac" style = "width: 200px; Höhe: 200px; oben: 100px; links: 100px; Position: Absolut; Z-Index: -999"/> </body> </html>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.