Question

animate动画怎么让一个执行完了后才执行另一个？

$('.w').animate({opacity: "100"},5000, shtxt());

这样写对吗，这样写不等透明度执行完就执行了shtxt()函数，哪里写的不对了？

Answer 1

这样写是对的：

$('.w').animate({opacity:10},5000,shtxt());

Animate

简介：

于昭和62年（1987年）7月成立，主要事业内容为动漫相关角色商品，书籍杂志，CD·DVD，游戏，画材等物品的贩卖。其中声优商品以及游戏商品等等在动漫迷的口碑中特别好，甚至有称在动漫系的商店中是最大规模的店铺。此外在池袋本店收录了大量的女性向商品。我们在动画幸运星中看到的“店长”的形象，其实就是Animate的店长卡通造型。

业务：

Animate是日本动漫行业中最大的企业，目前在全日本46都道府县内都开设了店铺。所经营的角色商品均经过各版权方的许可，集团公司自主开发的产品也很多，大多的商品都是在一般的玩具店中购买不到的。此外、类似音乐影像游戏软件的商品，很多都是在配合厂商的初回特典的基础上，另外再给在Animate预约的客人发放Animate的限定特典。特典从海报到和厂商合作配布的新颖的特典，种类繁多。

在一些大城市的店铺中还会有Animate自己举办的event，会请来一些声优和动漫歌曲的歌手助阵，这些几乎都是需要预约或购买动漫周边相关商品才能拿到参加券的。

在民办电台较少或者动画不太播出的地区的店铺中，还会播放当地地方电台不播的动画的放映宣传录像DVD，对作品进行推广。

Answer 2

可以直接用css3写,或者用js定时器控制。

Animate于昭和62年（1987年）7月成立，是日本动漫行业中最大的企业，在全日本46都道府县内都开设了店铺。

主要事业内容为动漫相关角色商品，书籍杂志，CD·DVD，游戏，画材等物品的贩卖。其中声优商品以及游戏商品等等在动漫迷的口碑中特别好，甚至有称在动漫系的商店中是最大规模的店铺。此外在池袋本店收录了大量的女性向商品。在动画幸运星中看到的“店长”的形象，其实就是Animate的店长卡通造型。

Answer 3

1. @keyframes longer {from {width: 100px;}to {width: 200px;}}。

2. @-moz-keyframes longer {from {width: 100px;}to {width: 200px;}}。

3. @-webkit-keyframes longer {from {width: 100px;}to {width: 200px;}}。

4. @-o-keyframes longer {from {width: 100px;}to {width: 200px;}}。

5. #animator {width: 100px;height: 100px;background: red;}。

6. animation {animation: longer 0.5s;mozanimation: longer 0.5s;-webkit-animation: longer 0.5s;-o-animation: longer 0.5s;}。

Answer 4

1. 中同一个动画对象分别做路径动画,两个动画的路径都是从对象位置开始的,用鼠标把第二个动画的路径拖到第一个动画路径结束的位置,然后在动画窗格根据需要设置开始方式,并注意动画效果的先后顺序。

2.$('.w').animate({opacity: "100"},5000,function(){shtxt();});