Jquery 在网站上运行一个非常简单的循环动画？

我想制作一个动画，当有人进入我的网站并加载所有内容时立即运行（jQuery可以吗？） 大多数情况下，一切都是静止的，除了树叶的黑色剪影

想想暴雪网站动画的一个非常简化的版本：

只是简单的轮廓，沿着简单的路径，几乎笔直，略有变化。它将走到一个白色的大物体前面

---

谢谢。

有很多方法可以做到这一点

如果要为动画队列中的任何内容设置动画，例如位置、颜色、背景色、边距、字体大小等，可以使用JQuery的animate（）函数。因此，您可以为要创建轮廓的HTML元素的位置、宽度和高度设置动画。您可以在此处阅读有关动画对象的更多信息-

使用CSS3转换，您可以在HTML元素上运行许多缩放和转换操作。这里是一个开始了解更多信息的好地方-。下面是另一个帮助CSS3动画的插件-

还可以使用canvas元素-，运行动画。canvas元素可以用于简单和复杂的动画。对于更复杂的3D动画，这里有一个很棒的画廊-

如果您需要这些向量上的向量图形和动画，也可以使用SVG。Keith Wood为同样的问题制作了一个Jquery插件-

还有很多其他插件和JavaScript/JQuery库可以帮助创建动画

如果要将动画分层到图像或背景之上，则需要按如下方式设置HTML：

<div class='container'>
    <div class='gallery'>
        <div id='item1'></div>
        <div id='item2'></div>
        <div id='item3'></div>
    </div>
</div>

因此，您可以在“container”类上设置背景，并在“gallery”类上运行JQuery gallery，以便在您拥有的各种“item”子级之间滑动。例如，您可以使用JQuery循环插件——在“gallery”上，在每个#item元素中，放置动画元素。请记住，动画元素的z索引需要高于父容器的z索引

暴雪使用Flash模块制作动画。您可以使用以下任一方法通过JQuery加载整个动画：

$（window）.load（）-在加载所有内容后运行，这是Javascript的标准功能

$（document）.ready（）-在加载HTML文档时运行，并且特定于JQuery

有许多方法可以实现您想要实现的目标，根据您的需求，一种方法可能有效，也可能无效。记住z索引方面很重要，因为动画元素需要出现在较低层的上方

---

希望这有帮助。

这绝对是可以做到的，尽管有点棘手。我在我制作的网站上也在做同样的事情，除了雪。有两层png文件，我使用backgroundPosition插件使animate能够更改背景位置-如果你想看到草稿。速度变量只是因为我喜欢以秒为单位而不是以毫秒为单位工作。我使用了以下代码：

$(function(){
 bgSnow(100000, 1);
 function bgSnow(animateTime, ratio){
        var speed = 1000;
        $('#snow2').animate({
              backgroundPosition:"(" + speed*15*ratio + "px "+ speed*15 +"px)"
        }, animateTime, 'linear');
        $('#snow1').animate({
               backgroundPosition:"(" + speed*6*ratio + "px "+ speed*4 +"px)"
        }, animateTime, 'linear', function(){
        clearSnow(animateTime, ratio);              
        });
 }
 function clearSnow(animateTime, ratio){
        $('#snow1, #snow2').css('backgroundPosition',"0px 0px");
        bgSnow(animateTime, ratio);
 }
});

---

您可以在不同的时间长度添加多个动画，以实现一些变化。此解决方案适用于IE7-如果您使用css3或画布解决方案，您必须找到一个解决方案。

您想制作什么动画？JQuery内置的animate函数允许您为HTML元素的某些CSS属性（如位置、颜色等）设置动画。这些属性可以加载到$（window.load（）或$（document.ready（）中。还有其他更复杂的动画，但这取决于你想要的动画。这是我网站的JPEG横幅。如果我能在它上面制作动画，那也没问题，因为颜色方案的顶部有一个z索引并不重要？那个暴雪网站是一部flash电影。jquery不能做任何接近这种复杂性的事情