使用jQuery设置<div>动画

查看.animate()函数,该函数可用于在页面上平滑移动div和其他元素: Animate .

此外,可以在页面加载时添加div,如下所示:

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

您需要使用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?
  });
});