如何制作从屏幕底部显示的可移动div。就像您在可以在线支持聊天和页面加载的网站上看到的那样，从底部出现一个窗口，上面写着“点击此处聊天”。 所以我只想从底部出现一个矩形框，然后在它完全出现时停止。如果你想看到它，我在Powerpoint中创建了一个例子。您将看到从屏幕底部显示的蓝色框。
这是一个PPS文件，可以从下面下载： http://rapidshare.com/files/451089108/Presentation1.pps
由于
答案 0 :(得分：4)
工作示例：http://jsfiddle.net/GdFfB/
基本上你想用一个固定的位置来隐藏div屏幕（需要像你的div一样负面）所以我们在底部的例子中使用-100px。然后，一旦我们的页面准备就绪，我们使用jQuery来动画显示在屏幕上的div。如果你想让div紧贴底部，你可以将底部设置为0，在我的例子中，我将底部动画设置为50以给它一点空间。
修改 在JSFiddle决定删除托管代码示例的情况下，为此线程添加了实际代码。
<html>
<head>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.5.js'></script>
<style type='text/css'>
#chat-box {
position:fixed;
bottom:-100px;
background: #ccc;
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
$('#chat-box').animate({bottom:'50'});
});
</script>
</head>
<body>
<div id="chat-box">Click here to chat!</div>
</body>
</html>