Css动画小DEMO

Posted 2021-02-14 zb471623510

div{

            position:absolute;  //使DIV块脱离文档流 
            transition:left 1s linear,top 1s linear;
        }

var target=document.getElementById("div");
          target.style.left="0px";
          target.style.top="0px";
          document.onmousedown = function(evt){     //鼠标按下事件
              target.style.left= evt.pageX+"px";
              target.style.top= evt.pageY+"px";
          }