图片旋转(1)

最新推荐文章于 2022-04-19 15:56:31 发布

原创最新推荐文章于 2022-04-19 15:56:31 发布 · 228 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #html

<html>
   <head>
       <title>图片旋转</title>
         <style type="text/css">
           .ball{position:absolute;top=150;left=150;width=23;height=23;}
         </style>
         <script language="JavaScript">
            var originalX=150;//原始坐标X
            var originalY=150;//原始坐标Y
            var intRadius=50;//半径
            var currentStep=0;//计数器
            var stepPerRound=20;//每一圈几步

            function initial(){//新增表达式
            myImg.style.setExpression("left","xPosition(currentStep)");
            myImg.style.setExpression("top","yPosition(currentStep)");
            }

            function startRound(){//开始旋转
            intervalID=setInterval("startMove()",50);
            }

            function endRound(){//停止旋转
            clearInterval(intervalID);
            }

            function startMove(){//移动图片
            currentStep+=1;
            document.recalc(true);
            }