使用jQuery </div>为<div>设置动画

Question

我正在寻找在页面加载时在页面上移动<div>的选项。 <div>包含聊天窗口。

框必须缓慢地落到页面底部并落在页脚上。 如何实现这一目标？

Answer 1

查看.animate（）函数，该函数可用于在页面上平滑移动div和其他元素：Animate。

此外，可以在页面加载时添加div：

$(document).ready(function() {
    $('body').append('<div id="chatwindow">Hello World!</div>');
});

Answer 2

你想要使用jquery .animate（）：

http://api.jquery.com/animate/

$(document).ready(function() {
  $('body').append('<div id="chatwindow">Hello World!</div>');

  $('#chatwindow').animate({
    bottom: '0', //you'll want to set this to whatever it needs to be to be at the bottom
  }, 5000, function() {
    //completion code?
  });
});