一、css3动画forwards怎么用？
举个例如下：
会长大的
这里div.test会变宽到500px停住，当给他添加上test-high类时，会保持500px的宽度，在变高。这可能就是想要的，关键是再下一个动画开始前将样式调整到上一个动画结束时一样。二、CSS3动画和js动画各有什么优劣？
CSS3的动画的优点：
1.在性能上会稍微好一些，浏览器会对CSS3的动画做一些优化（比如专门新建一个图层用来跑动画）
2.代码相对简单 但其缺点也很明显： 1.在动画控制上不够灵活 2.兼容性不好
3.部分动画功能无法实现（如滚动动画，视差滚动等） JavaScript的动画正好弥补了这两个缺点，控制能力很强，可以单帧的控制、变换，同时写得好完全可以兼容IE6，并且功能强大。但想想CSS动画的transform矩阵是C++级的计算，必然要比javascript级的计算要快。另外对库的依赖也是一个很让人头疼的问题。 所以，对于一些复杂控制的动画，使用javascript会比较靠谱。而在实现一些小的交互动效的时候，就多考虑考虑CSS吧。
三、css3自上而下的动画怎么改成自下而上？
@keyframes myitems{from {position:absolute;bottom:0;}to {position:absolute;bottom:500px;}}开始定位到底部，结尾到你指定高度。css3动画过程
四、成语大全动画？
狼狈为* 12.黄梁一梦 2.破斧沉舟 8.焦头烂额 6.痴人说梦 2.博士买驴 10.绕梁三日 8.因势利导 4.意气扬扬 3.鸡犬升天 8.月下老人 12.巧夺天工 9.老生常谈 4.蓝田生玉 9.亡羊补牢 12.心劳日拙 7.沉鱼落雁 15.东窗事发 13.各自为政 14.跛鳖千里 8.太公钓鱼 11.汗流浃背 6.黔驴技穷 7.按图索骥 15.呆若木鸡 4.老马识途 13.闻鸡起舞 14.每多掣肘 4.歧路亡羊 10.家徒四壁 8，楼主自己想想看看是那个.暴虎冯河 10 1.合浦珠还 10.因噎废食 12.割席绝交 3.未雨绸缪 13.白龙鱼服 6.鱼目混珠 8 1.衣冠禽兽 5.含沙射影 12 1.身无长物 13.覆水难收 5 1.滥竽充数 14.望梅止渴 13.非同小可 15.举案齐眉 12.与狐谋皮 2.守株待兔 7.请君入瓮 9.图穷匕现 9.南辕北辙 7.嗟来之食 15.南柯一梦 2.梁上君子 2.乘龙佳婿 11.惊弓之鸟 10.三令五申 13.投鼠忌器 11.乘人之危 2.悬梁刺股 15.比肩继锺 2.完璧归赵 11.至死不悟 5.千斤买骨 4.山鸡舞镜 5.坐井观天 4.屠龙之技 以上是成语动画廊全部故事.杞人忧天 13.大义灭亲 9 1.苟延残喘 13.出奇制胜 151 1.同心同德 9.州官放火 2.指鹿为马 13.鹬蚌相争 15.唇亡齿寒 9.草木皆兵 8.越俎代庖 3.自相矛盾 10.推已及人 13.管鲍之交 11.虎口余生 5.洛阳纸贵 10.兼听则明 7.画蛇添足 7.庸人自扰 7.愚公移山 9.为虎作伥 3.先斩后奏 8.兵不厌诈 8.煮豆燃箕 14.画龙点睛 3 1.绿衣使者 9.因小失大 3.螳臂当车 7.死灰复燃 1.精卫填海 8.两败俱伤 5.对牛弹琴 10.东施效颦 8.天衣无缝 9.断鹤续凫 10.狐假虎威 2.走马看花 7.作舍道傍 10.束缊请火 7.孺子可教 2.狡兔三窟 11 1.杯弓蛇影 11.奉公守法 11.五色无主 9.前倨后恭 11.再作冯妇 2.点石成金 4.鸡犬不宁 4.狗尾续貂 10.好好先生 14.朝三暮四 14.邯郸学步 15.卖椟还珠 11.叶公好龙 4.此地无银 3.东食西宿 9.尔虞我诈 12.明镜高悬 8.推敲推敲 15.门可罗雀 15.上下其手 7.郑人买履 14.瞎子摸象 12.囫囵吞枣 6.三人成虎 6.半途而废 7 11.城门失火 6.瓜田李下 3.夜郎自大 15.青云直上 11.鸡鸣狗盗 6.各有所能 12.前度刘郎 15.望洋兴叹 6.见怪不怪 14.信口雌黄 6 1.纸上谈兵 2 1.分道扬辘 12.每下愈况 14.千万买邻 3.千金一笑 12.价值连城 5.奇货可居 14.沧海桑田 6.杀一儆百 5.千里送鹅毛 6.玩物丧志 13.游刃有余 3.开天辟地 14.口密腹剑 4 1.鹊巢鸠占 11.得不偿失 6.赤膊上阵 4.冥顽不灵 12.破镜重圆 3.金玉其外 6.傍人门户 7.改过自新 5.刻舟求剑 13.塞翁失马 3.螳螂捕蝉 5.熟能生巧 12.乘风破浪 9.狼子野心 3.河东狮吼 8.不名一钱 5.一叶障目 10.盲人瞎马 5.金石为开 10.掩耳盗铃 4.梧鼠学技 14.卧薪尝胆 4.死里求生 2.扑朔迷离 5
五、日本动画大全？
毛虫凯蒂》《小白角》《老鼠火星历险记》《富弗》《乱马》 《龙子太郎》《森林大帝》《聪明的一休 《尼尔斯骑鹅旅行记 》 《堂吉科德 》《小熊杰瑞米 》 《佐罗》 《花仙子》 《咪咪流浪记》 《小飞龙》 《最后一只恐龙——丹佛 》《绿野仙踪》《OZ国历险记》《绿野仙踪》 《西游记》 《七龙珠》 《圣斗士星矢》 《天空战记 《魔神坛斗士》 《国王与小鸟》 《拳精》《玛雅历险记》《最后的树袋熊》 狐狸列那》 《小红帽》 《灰姑娘》 《白雪公主》 《快乐王子》 《小王子》 《丑小鸭》 《木偶奇遇记》 《三个小猪盖房子》 《海的女儿》 《勇敢的小裁缝》《天鹅湖》《青蛙王子》《渔夫和金鱼的故事》《阿拉丁》《罗宾汉》《小熊维尼》《奥利弗游记》《美女与野兽》《小飞象》《艾丽丝漫游仙境记》《小飞侠》《睡美人》《莴苣姑娘》《铁臂阿童木》《百变雄师》《星球大战》《变形金刚》《太空堡垒》 《大白鲸》 《特种部队》《小不点》 《恐龙特急可塞号》 《太空学校》 《方舟二号》《机器娃娃》 《蓝色的咪姆》 《宇宙的巨人——希曼》《非凡的公主--希瑞》 《黑星》 《布瑞斯塔警长》 《神探加杰特》 一定是。
六、如何使用html5与css3完成google涂鸦动画？
知道如何使用CSS3动画比知道如何使用<canvas>元素更重要：因为浏览器能够优化那些元素的性能(通常是他们的样式，比如CSS)，而我们使用canvas自定义画出来的效果却不能被优化。原因又在于，浏览器使用的硬件主要取决于显卡的能力。目前，浏览器没有给予我们直接访问显卡的权力，比如，每一个绘画操作都不得不在浏览器中先调用某些函数。 1.canvas html代码：
代码如下:
<html> <head> <meta charset="UTF-8" /> <title>Animation in HTML5 using the canvas element</title> </head> <body onload="init();"> <canvas id="canvas" width="1000" height="600">Your browser does not support the <code><canvas></code>-element.Please think about updating your brower!</canvas> <div id="controls"> <button type="button" onclick="speed(-0.1);">Slower</button> <button type="button" onclick="play(this);">Play</button> <button type="button" onclick="speed(+0.1)">Faster</button> </div> </body> </html>
js代码： 定义一些变量：
代码如下:
var dx=5, //当前速率 rate=1, //当前播放速度 ani, //当前动画循环 c, //画图(Canvas Context) w, //汽车[隐藏的](Canvas Context) grassHeight=130, //背景高度 carAlpha=0, //轮胎的旋转角度 carX=-400, //x轴方向上汽车的位置(将被改变) carY=300, //y轴方向上汽车的位置(将保持为常量) carWidth=400, //汽车的宽度 carHeight=130, //汽车的高度 tiresDelta=15, //从一个轮胎到最接近的汽车底盘的距离 axisDelta=20, //汽车底部底盘的轴与轮胎的距离 radius=60; //轮胎的半径
为了实例化汽车canvas(初始时被隐藏)，我们使用下面的自执行的匿名函数
代码如下:
(function(){ var car=document.createElement('canvas'); //创建元素 car.height=carHeight+axisDelta+radius; //设置高度 car.width=carWidth; //设置宽度 w=car.getContext('2d'); })();
点击“Play”按钮，通过定时重复执行“画汽车”操作，来模拟“帧播放”功能：
代码如下:
function play(s){ //参数s是一个button if(ani){ //如果ani不为null，则代表我们当前已经有了一个动画 clearInterval(ani); //所以我们需要清除它(停止动画) ani=null; s.innerHTML='Play'; //重命名该按钮为“播放” }else{ ani=setInterval(drawCanvas,40); //我们将设置动画为25fps[帧每秒]，40/1000，即为二十五分之一 s.innerHTML='Pause'; //重命名该按钮为“暂停” } }
加速，减速，通过以下方法，改变移动距离的大小来实现：
代码如下:
function speed(delta){ var newRate=Math.max(rate+delta,0.1); dx=newRate/rate*dx; rate=newRate; } 页面加载的初始化方法： //init function init(){ c=document.getElementById('canvas').getContext('2d'); drawCanvas(); }
主调方法：
代码如下:
function drawCanvas(){ c.clearRect(0,0,c.canvas.width, c.canvas.height); //清除Canvas(已显示的)，避免产生错误 c.save(); //保存当前坐标值以及状态，对应的类似“push”操作 drawGrass(); //画背景 c.translate(carX,0); //移动起点坐标 drawCar(); //画汽车(隐藏的canvas) c.drawImage(w.canvas,0,carY); //画最终显示的汽车 c.restore(); //恢复Canvas的状态，对应的是类似“pop”操作 carX+=dx; //重置汽车在X轴方向的位置，以模拟向前走 carAlpha+=dx/radius; //按比例增加轮胎角度 if(carX>c.canvas.width){ //设置某些定期的边界条件 carX=-carWidth-10; //也可以将速度反向为dx*=-1; } }
画背景：
代码如下:
function drawGrass(){ //创建线性渐变，前两个参数为渐变开始点坐标，后两个为渐变结束点坐标 var grad=c.createLinearGradient(0,c.canvas.height-grassHeight,0,c.canvas.height); //为线性渐变指定渐变色，0表示渐变起始色，1表示渐变终止色 grad.addColorStop(0,'#33CC00'); grad.addColorStop(1,'#66FF22'); c.fillStyle=grad; c.lineWidth=0; c.fillRect(0,c.canvas.height-grassHeight,c.canvas.width,grassHeight); }
画车身：
代码如下:
function drawCar(){ w.clearRect(0,0,w.canvas.width,w.canvas.height); //清空隐藏的画板 w.strokeStyle='#FF6600'; //设置边框色 w.lineWidth=2; //设置边框的宽度，单位为像素 w.fillStyle='#FF9900'; //设置填充色 w.beginPath(); //开始绘制新路径 w.rect(0,0,carWidth,carHeight); //绘制一个矩形 w.stroke(); //画边框 w.fill(); //填充背景 w.closePath(); //关闭绘制的新路径 drawTire(tiresDelta+radius,carHeight+axisDelta); //我们开始画第一个轮子 drawTire(carWidth-tiresDelta-radius,carHeight+axisDelta); //同样的，第二个 }
画轮胎：
代码如下:
function drawTire(x,y){ w.save(); w.translate(x,y); w.rotate(carAlpha); w.strokeStyle='#3300FF'; w.lineWidth=1; w.fillStyle='#0099FF'; w.beginPath(); w.arc(0,0,radius,0,2*Math.PI,false); w.fill(); w.closePath(); w.beginPath(); w.moveTo(radius,0); w.lineTo(-radius,0); w.stroke(); w.closePath(); w.beginPath(); w.moveTo(0,radius); w.lineTo(0,-radius); w.stroke(); w.closePath(); w.restore(); }
由于原理简单，并且代码中作了详细注释，这里就不一一讲解！ 2.CSS3 你将看到我们未通过一句JS代码就完全实现了和上面一样的动画效果： HTML代码：
代码如下:
<html> <head> <meta charset="UTF-8" /> <title>Animations in HTML5 using CSS3 animations</title> </head> <body> <div id="container"> <div id="car"> <div id="chassis"></div> <div id="backtire" > <div ></div> <div ></div> </div> <div id="fronttire" > <div ></div> <div ></div> </div> </div> <div id="grass"></div> </div> <footer></footer> </body> </html> CSS代码： body { padding:0; margin:0; }
定义车身与轮胎转到的动画（你会看到基本每一个动画都有四个版本的定义：原生版本/webkit【Chrome|Safari】/ms【为了向后兼容IE10】/moz【FireFox】）
代码如下:
/*定义动画：从-400px的位置移动到1600px的位置 */ @keyframes carAnimation { 0% { left:-400px; } /* 指定初始位置，0%等同于from*/ 100% { left:1600px; } /* 指定最终位置,100%等同于to*/ } /* Safari and Chrome */ @-webkit-keyframes carAnimation { 0% {left:-400px; } 100% {left:1600px; } } /* Firefox */ @-moz-keyframes carAnimation { 0% {left:-400; } 100% {left:1600px; } } /*IE暂不支持,此处定义是为了向后兼容IE10*/ @-ms-keyframes carAnimation { 0% {left:-400px; } 100%{left:1600px; } } @keyframes tyreAnimation { 0% {transform: rotate(0); } 100% {transform: rotate(1800deg); } } @-webkit-keyframes tyreAnimation { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(1800deg); } } @-moz-keyframes tyreAnimation { 0% { -moz-transform: rotate(0); } 100% { -moz-transform: rotate(1800deg); } } @-ms-keyframes tyreAnimation { 0% { -ms-transform: rotate(0); } 100% { -ms-transform: rotate(1800deg); } } #container { position:relative; width:100%; height:600px; overflow:hidden; /*这个很重要*/ } #car { position:absolute; /*汽车在容器中采用绝对定位*/ width:400px; height:210px; /*汽车的总高度，包括轮胎和底盘*/ z-index:1; /*让汽车在背景的上方*/ top:300px; /*距顶端的距离(y轴)*/ left:50px; /*距左侧的距离(x轴)*/ /*以下内容赋予该元素预先定义的动画及相关属性*/ -webkit-animation-name:carAnimation; /*名称*/ -webkit-animation-duration:10s; /*持续时间*/ -webkit-animation-iteration-count:infinite; /*迭代次数-无限次*/ -webkit-animation-timing-function:linear; /*播放动画时从头到尾都以相同的速度*/ -moz-animation-name:carAnimation; /*名称*/ -moz-animation-duration:10s; /*持续时间*/ -moz-animation-iteration-count:infinite; /*迭代次数-无限次*/ -moz-animation-timing-function:linear; /*播放动画时从头到尾都以相同的速度*/ -ms-animation-name:carAnimation; /*名称*/ -ms-animation-duration:10s; /*持续时间*/ -ms-animation-iteration-count:infinite; /*迭代次数-无限次*/ -ms-animation-timing-function:linear; /*播放动画时从头到尾都以相同的速度*/ animation-name:carAnimation; /*名称*/ animation-duration:10s; /*持续时间*/ animation-iteration-count:infinite; /*迭代次数-无限次*/ animation-timing-function:linear; /*播放动画时从头到尾都以相同的速度*/ } /*车身*/ #chassis { position:absolute; width:400px; height:130px; background:#FF9900; border: 2px solid #FF6600; } /*轮胎*/ .tire { z-index:1; /*同上，轮胎也应置于背景的上方*/ position:absolute; bottom:0; border-radius:60px; /*圆半径*/ height:120px; /* 2*radius=height */ width:120px; /* 2*radius=width */ background:#0099FF; /*填充色*/ border:1px solid #3300FF; -webkit-animation-name:tyreAnimation; -webkit-animation-duration:10s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; -moz-animation-name:tyreAnimation; -moz-animation-duration:10s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:linear; -ms-animation-name:tyreAnimation; -ms-animation-duration:10s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:linear; animation-name:tyreAnimation; animation-duration:10s; animation-iteration-count:infinite; animation-timing-function:linear; } #fronttire { right:20px; /*设置右边的轮胎距离边缘的距离为20*/ } #backtire { left:20px; /*设置左边的轮胎距离边缘的距离为20*/ } #grass { position:absolute; /*背景绝对定位在容器中*/ width:100%; height:130px; bottom:0; /*让背景色线性渐变,bottom,表示渐变的起始处，第一个颜色值是渐变的起始值，第二个颜色值是终止值 */ background:linear-grdaient(bottom,#33CC00,#66FF22); background:-webkit-linear-gradient(bottom,#33CC00,#66FF22); background:-moz-linear-gradient(bottom,#33CC00,#66FF22); background:-ms-linear-gradient(bottom,#33CC00,#66FF22); } .hr,.vr { position:absolute; background:#3300FF; } .hr { height:1px; width:100%; /*轮胎的水平线*/ left:0; top:60px; } .vr { width:1px; height:100%; /*轮胎的垂直线*/ left:60px; top:0; }
3.JQuery与CSS3 这是一个效果与兼容性俱佳的方式（特别对于IE9暂不支持CSS3而言） HTML代码（可以看到与CSS3中的HTML代码并无不同）：
代码如下:
<html> <head> <meta charset="UTF-8" /> <title>Animations in HTML5 using CSS3 animations</title> </head> <body> <div id="container"> <div id="car"> <div id="chassis"></div> <div id="backtire" > <div ></div> <div ></div> </div> <div id="fronttire" > <div ></div> <div ></div> </div> </div> <div id="grass"></div> </div> <footer></footer> </body> </html> CSS: <style> body { padding:0; margin:0; } #container { position:relative; width:100%; height:600px; overflow:hidden; /*这个很重要*/ } #car { position:absolute; /*汽车在容器中采用绝对定位*/ width:400px; height:210px; /*汽车的总高度，包括轮胎和底盘*/ z-index:1; /*让汽车在背景的上方*/ top:300px; /*距顶端的距离(y轴)*/ left:50px; /*距左侧的距离(x轴)*/ } /*车身*/ #chassis { position:absolute; width:400px; height:130px; background:#FF9900; border: 2px solid #FF6600; } /*轮胎*/ .tire { z-index:1; /*同上，轮胎也应置于背景的上方*/ position:absolute; bottom:0; border-radius:60px; /*圆半径*/ height:120px; /* 2*radius=height */ width:120px; /* 2*radius=width */ background:#0099FF; /*填充色*/ border:1px solid #3300FF; -o-transform:rotate(0deg); /*旋转(单位：度)*/ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); } #fronttire { right:20px; /*设置右边的轮胎距离边缘的距离为20*/ } #backtire { left:20px; /*设置左边的轮胎距离边缘的距离为20*/ } #grass { position:absolute; /*背景绝对定位在容器中*/ width:100%; height:130px; bottom:0; /*让背景色线性渐变,bottom,表示渐变的起始处，第一个颜色值是渐变的起始值，第二个颜色值是终止值 */ background:linear-grdaient(bottom,#33CC00,#66FF22); background:-webkit-linear-gradient(bottom,#33CC00,#66FF22); background:-moz-linear-gradient(bottom,#33CC00,#66FF22); background:-ms-linear-gradient(bottom,#33CC00,#66FF22); } .hr,.vr { position:absolute; background:#3300FF; } .hr { height:1px; width:100%; /*水平线*/ left:0; top:60px; } .vr { width:1px; height:100%; /*垂直线*/ left:60px; top:0; } </style>
JS代码： 首先引入在线API：
代码如下:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
实现动画代码（相当简洁）：
代码如下:
<script> $(function(){ var rot=0; var prefix=$('.tire').css('-o-transform')?'-o-transform':($('.tire').css('-ms-transform')?'-ms-transform':($('.tire').css('-moz-transform')?'-moz-transform':($('.tire').css('-webkit-transform')?'-webkit-transform':'transform'))); var origin={ /*设置我们的起始点*/ left:-400 }; var animation={ /*该动画由jQuery执行*/ left:1600 /*设置我们将移动到的最终位置*/ }; var rotate=function(){ /*该方法将被旋转的轮子调用*/ rot+=2; $('.tire').css(prefix,'rotate('+rot+'deg)'); }; var options={ /*将要被jQuery使用的参数*/ easing:'linear', /*指定速度，此处只是线性，即为匀速*/ duration:10000, /*指定动画持续时间*/ complete:function(){ $('#car').css(origin).animate(animation,options); }, step:rotate }; options.complete(); }); </script>
七、迪斯尼动画电影大全？
SnowWhiteandtheSevenDwarfs中文翻译
白雪公主
在美上映日期
1937年12月21日
片长
约84分钟
类别
迪士尼第1部经典动画，长篇剧情动画片
记录
世界第一部长篇动画电影。
原声带为世界第一片电影原声带（以唱片型式发行）。
世界第一部使用多层次摄影机拍摄的动画。
世界第一部有隆重首映的动画电影。
取材
改编自《格林童话》
奥斯卡
获得奥斯卡特别成就奖（一座大奥斯卡加上七座小奥斯卡）
获得奥斯卡最佳原著配乐提名
片名
Pinocchio
中文翻译
木偶奇遇记
在美上映日期
1940年2月7日
片长
约88分钟
类别
迪士尼第2部经典动画，长篇剧情动画片
记录
迪士尼第一部得到奥斯卡两项音乐大奖的动画电影。
取材
改编自意大利作家CarloCollodi同名小说
奥斯卡
获得奥斯卡最佳原著配乐奖
获得奥斯卡最佳歌曲（“WhenYouWishUponaStar”）
片名
Fantasia
中文翻译
幻想曲
在美上映日期
1940年11月13日
片长
约120分钟
类别
迪士尼第3部经典动画，古典音乐合辑动画片
记录
世界第一部使用立体音响的电影。
到目前为止迪士尼经典动画中重映次数最多的一部。
段落
奥斯卡
获得奥斯卡最佳音乐表现
获得奥斯卡最佳杰出贡献特别奖
[推荐]迪士尼动画电影年表+介绍
片名
Dumbo
中文翻译
小飞象
在美上映日期
1941年10月23日
片长
约64分钟
类别
迪士尼第4部经典动画，长篇剧情动画片
取材
改编自HelenAberson与HaroldPearl的著作《Dumbo,the
FlyingElephant》
奥斯卡
获得奥斯卡最佳音乐片配乐奖
获得奥斯卡最佳歌曲提名（“BabyMine”）
片名作者推荐
Bambi
中文翻译
小鹿斑比
在美上映日期
1942年8月13日
片长
约70分钟
类别
迪士尼第5部经典动画，长篇剧情动画片
取材
改编自FelixSalten同名作品
奥斯卡
获得奥斯卡最佳录音提名
获得奥斯卡最佳剧情或喜剧片配乐提名
获得奥斯卡最佳歌曲提名（“LoveisaSong”）
片名作者推荐
Cinderella
中文翻译
灰姑娘
在美上映日期
1950年2月15日
片长
约75分钟
类别
迪士尼第12部经典动画，长篇剧情动画片
记录
迪士尼二次大战后第一部长篇剧情动画片。
取材
取材自CharlesPerrault撰写的17世纪法国神话
奥斯卡
获得奥斯卡最佳音乐片配乐提名
获得奥斯卡最佳录音提名
获得奥斯卡最佳歌曲提名
（“Bibbidi-Bobbidi-Boo(TheMagicSong)”）
[推荐]迪士尼动画电影年表+介绍（）
片名
AliceinWonderland
中文翻译
爱丽丝梦游仙境
在美上映日期
1951年7月28日
片长
约75分钟
类别
迪士尼第13部经典动画，长篇剧情动画片
取材
取材自LewisCarroll的小说
奥斯卡
获得奥斯卡最佳音乐片配乐提名
片名作者推荐
PeterPan
中文翻译
小飞侠
在美上映日期
1953年2月5日
片长
约77分钟
类别
迪士尼第14部经典动画，长篇剧情动画片
取材
取材自SirJamesBarrie的戏剧
介绍
片名作者推荐
LadyandtheTramp
中文翻译
小姐与流氓
在美上映日期
1955年6月16日
片长
约76分钟
类别
迪士尼第15部经典动画，长篇剧情动画片
取材
取材自WardGreene所写的故事
介绍
片名作者推荐
101Dalmatians
中文翻译
101忠狗
在美上映日期
1961年1月25日
片长
约80分钟
类别
迪士尼第17部经典动画，长篇剧情动画片
取材
取材自DodieSmith的作品
介绍
片名
TheSwordintheStone
中文翻译
石中剑
在美上映日期
1963年12月25日
片长
约79分钟
类别
迪士尼第18部经典动画，长篇剧情动画片
取材
取材自T.H.White的小说
奥斯卡
获得奥斯卡最佳改编配乐提名
片名作者推荐
TheJungleBook
中文翻译
森林王子
在美上映日期
1967年10月18日
片长
约79分钟
类别
迪士尼第19部经典动画，长篇剧情动画片
记录
华特迪士尼生前最后一部亲手制作的长篇动画片。
迪士尼第一部找知名演员配音的动画片。
取材
取材自RudyardKipling的小说
奥斯卡
获得奥斯卡最佳歌曲提名（“TheBareNecessities”）
[推荐]迪士尼动画电影年表+介绍（）
片名
TheAristocats
中文翻译
猫儿历险记
在美上映日期
1970年12月24日
片长
约79分钟
类别
迪士尼第20部经典动画，长篇剧情动画片
取材
取材自TomMcGowan与TomRowe所写的故事
片名
TheFoxandtheHound
中文翻译
狐狸与猎狗
在美上映日期
1981年7月10日
片长
约83分钟
类别
迪士尼第24部经典动画，长篇剧情动画片
取材
改编自DanielP.Mannix的同名著作
片名作者推荐
TheLittleMermaid
中文翻译
小美人鱼
在美上映日期
1989年11月17日
片长
约83分钟
类别
迪士尼第28部经典动画，长篇剧情动画片
记录
迪士尼重塑黄金时代的代表作。
取材
改编自安徒生童话
获得奥斯卡最佳原著配乐奖
获得奥斯卡最佳歌曲（“UndertheSea”）
获得奥斯卡最佳歌曲提名（“KisstheGirl”）
[本帖最后由小钱于2005-11-1016:55编辑]
xiaobuding2005-11-1007:22
[迪士尼动画]梦不落帝国[ReturntoNeverLand]
【作品名称】
SaludosAmigos
【中文翻译】
致候吾友
【在美推出】
1943年2月6日
【片长时间】
约42分钟
【作品类别】
迪士尼第6部
经典动画
，纪录片性质动画片
【特殊记录】
迪士尼第一部动画纪录长片
【段落名称】
本片共包括四个段落∶
1.的的喀喀湖（LakeTiticaca）
2.小飞机培卓（Pedro）
3.高卓族的高飞（ElGauchoGoofy）
4.巴西之旅（AquareladoBrasil）
【xiaobuding2005-11-1007:33
【作品名称】
TheThreeCaballeros
【中文翻译】
三骑士
【在美推出】
1945年2月3日
【片长时间】
约71分钟
【作品类别】
迪士尼第7部
经典动画
，纪录片性质动画片
【段落名称】
本片共包括三个段落∶
1.怕冷的企鹅（TheCold-BloodedPenguin）
2.高卓小飞驴（TheFlyingGauchito）
3.巴西与墨西哥之巡礼（BaíaandLaPinata）
xiaobuding2005-11-1007:34
[迪士尼动画]超人特攻队[TheIncredibles](1)
推出日期：2004/11/5
八、宫崎骏动画电影大全？
1.岸上的波儿
2.飞天红猪侠
3.风之谷
4.哈尔的移动城堡
5.龙猫
6.鲁邦三世：卡里奥斯特罗城
7.魔女宅急便
8.起风了
9.千与千寻
10.天空之城
11.未来少年柯南特别篇剧场版
12.幽灵公主
九、动画片种类大全？
熊出没，天真与功夫袜，旗旗号巡洋舰，超迷你战士，故宫里的大怪兽，海豚帮帮号，猪猪侠之超星五灵侠，熊熊乐园，爆笑虫子在中国，汪汪队立大功，熊出没之怪兽计划，萌鸡小队，哭泣宝宝魔法眼泪，彩虹宝宝，超级飞侠，大耳朵图图，神兵小将，三星堆荣耀觉醒
十、动画队名和口号大全？
1.精灵队，口号：可爱精灵，永远开心。
2.魔法战队，口号：动漫手牵手，交易心连心。
3.太阳战队，口号：毓德动漫，秀美人生。
4.救急战队，口号：毓秀，用动漫告诉世界。
5.特搜战队，口号：领航动漫，传承经典。
6.忍者战队，口号：传播精彩，创意未来。
7.百兽战队，口号：敏秀文化，传边天下。
8.五星战队，口号：动漫手牵手，交易心连心。
![]("005.jpg)