html名字移动代码大全

HTML名字移动代码大全

// 使用jQuery实现单击元素时移动名称
$(document).ready(function(){
  $("button").click(function(){
    $("h1").animate({left: '250px'});
  });
});

// 在JavaScript中移动元素名称
function move() {
  var elem = document.getElementById("myAnimation");
  var pos = 0;
  var id = setInterval(frame,10);
  function frame() {
    if (pos == 350) {
      clearInterval(id);
    } else {
      pos++;
      elem.style.top = pos + 'px';
      elem.style.left = pos + 'px';
    }
  }
}

// 使用CSS实现名称移动
@keyframes move {
  0%   { left: 0; }
  50%  { left: 50%; }
  100% { left: 100%; }
}
#Box {
  position: absolute;
  animation-name: move;
  animation-duration: 3s;
}

// 在HTML中使用Marquee实现名称移动
这里是要移动的名称