1. CSS3动画和js动画各有什么优劣
来CSS3的动画的优点：
自1.在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（比如专门新建一个图层用来跑动画）
2.代码相对简单
但其缺点也很明显：
1.在动画控制上不够灵活
2.兼容性不好
3.部分动画功能无法实现（如滚动动画，视差滚动等）
javaScript的动画正好弥补了这两个缺点，控制能力很强，可以单帧的控制、变换，同时写得好完全可以兼容IE6，并且功能强大。但想想CSS动画的transform矩阵是C++级的计算，必然要比javascript级的计算要快。另外对库的依赖也是一个很让人头疼的问题。
所以，对于一些复杂控制的动画，使用javascript会比较靠谱。而在实现一些小的交互动效的时候，就多考虑考虑CSS吧。
2. js实现匀速下落动画怎么实现
建议直接使用jq的.animate() 设置绝对定位 控制top值就可以。也可以用css3的animation动画效果实现，原理也是控制top值。原生js也是同理使用计时器重复调用改变top值的方法，当top值等于某个值时停止计时器，完成动画效果。
3. js 为什么slidedown()只是简单展开，没有缓缓出现的动画效果设置了时间参数也不行
Example: 用 600 毫秒让所有的 div 下滑显示出来。
<!DOCTYPE html>
<html>
<head>
<style>
div { background:#de9a44; margin:3px; width:80px;
height:40px; display:none; float:left; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
Click me!
<div></div>
<div></div>
<div></div>
<script>
$(document.body).click(function () {
if ($("div:first").is(":hidden")) {
$("div").slideDown("slow");
} else {
$("div").hide();
}
});
</script>
</body>
</html>
4. javascript：animate动画效果不好，在浏览器刷新后，自动回归原位
效果不好究竟是指什么不好？
另外，你是想在浏览器刷新后方框的位置不会复原？那你应该在每次动画结束后把方框的位置数据保数伏存到本地cookie或者localStorage中，然后在页面宴雀刷新后再从原保存位置读取数据后赋值给方框。当然薯祥携，也可以保存到后台服务器中。
5. 怎么用原生 JavaScript 实现像 jQuery 那样平滑运动的动画效果
jQuery的动画实现原理 就是最普通的逐帧动画（定格动画）*：
简单的说，根据ration、缓动专公式（比属如线性）和当前时间计算出下一帧的状态（即是DOM元素的css改变咯），用一个定时器（只用一个）作为update函数（这样就可以控制动画帧率了）~
6. 怎么用JS现实网页上的动画效果！那个能不能教教我，谢谢。
掌握canvas的基本就很容易做这些，但是如果你要制作更加复杂的东西，你需要高级编译语言像Paper.js Paper.js 是一个 JavaScript库用来制作绘图和动画， 一种Adobe Illustrator使用的基于Scriptographer的脚本语言 . 它自称是“矢量图脚本语言中的瑞士军刀”（“The Swiss Army Knife of Vector Graphics Scripting,”），其中重点突出矢量。 图形制作中有两种：矢量图和栅格图。栅格图就像你照相机拍出来的图片，如果你放大看，就是颜色填充的方格。矢量图是有点连线组成的。他们是不同的线条租和形状组，根据不同的指令绘图。如果用矢量图，如图，这个Z放大后还是线条光滑，色泽饱满。相比较，左边的栅格图就很模糊了。矢量图库用于动画制作再完美不过，因为调解大小，旋转，和移动都非常容易操作完成，且快捷，因为同样的效果他们所需要使用的编译代码少。（参见样本代码）