Question

我见过几个非常酷的网站，用javascript动画。谷歌已经完成了一些动画交互式徽标，this网站也使用javascript动画（不清楚闪存位）。

那该怎么办？是否有一些人们使用的工具，框架等？我只知道jquery。

Answer 1

这是规则手册：http://api.jquery.com/animate

这是游乐场：http://jsfiddle.net

玩得开心。

Answer 2

jQuery是用作基础的最佳框架。它处理所有跨浏览器的特性。

查看jQuery UI。

http://jqueryui.com/demos/

Answer 3

如果您的受众群体较新，您还应该考虑 CSS 3 Transitions 。

 .animated {
   transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;  
   -o-transition: all 0.3s linear;
 }

使用此类更改任何元素的样式属性将转换为其新属性。例如。将“margin-left”从0px调整到100px将导致向右滑动;将“背景颜色”从“红色”调整为“蓝色”将产生冷色变色效果。试一试！

要获得浏览器兼容性，请查看caniuse-- transitions。快乐的编码！

Answer 4

如果您更喜欢矢量图形，我更喜欢SVG用于交互式图形。我建议使用Adobe Illustrator或类似的东西来制作图形，然后使用Raphael为其设置动画。如果你想要一个非常好的介绍，请选择真正优秀的PeepCode Episode。

Answer 5

从检查它们的来源看起来，volll使用javascript滚动了他们自己的动画方法。

如果您想在自己的网站上制作图形动画，我建议您查看HTML5 canvas标签。 https://developer.mozilla.org/en/Canvas_tutorial

如何使用javascript制作动画网站

5 个答案: