Question

我想实现动画文本，即将文本从底部（页面的一半）移动到顶部，就像选框一样。我没有得到任何好的代码。有没有人知道如何在JavaScript或jQuery或DHTML中实现它？

提前致谢

Answer 1

使用jquery

  $('#mydiv').animate({
    top: 0
  }, 5000, function() {
    // Animation complete.
  });

检查demo此处

Answer 2

与下面的答案相同的代码但是，它将TEXT位置设置为页面高度的一半，然后将其设置为顶部：

//Calculate where is HALF of the page (half the window height)
var start_pos = screen.height/2;

//Set starting TOP location
$(".text").css("top", start_pos+"px");    

//Animate to the END location, which is 0px
$(".text").animate({ top:0+"px" }, 5000, function() { alert("Animation Complete"); });

如何使用JavaScript为文本制作动画

2 个答案: