Question

我的客户希望对广告素材代理商Red的主页产生类似的效果，在页面加载时，块似乎会在稍微不同的时间向上滚动。

我很难过这是如何实现的。任何人都可以为我阐明它吗？

Answer 1

这是一个小提琴我做的那种方式

http://jsfiddle.net/T4RHp/1/

请记住，不透明度可能会与IE

有一些问题

编辑：不需要setTimeout（），我只是把它放在那里以便在运行脚本时有一些延迟

代码：

var timeArray = [200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800];

setTimeout( function() {

    $('.box').each( function ()
    {
        var intVal = Math.floor((Math.random()*12));
        $(this).animate({ top: 0, opacity: 1 }, timeArray[ intVal ]);   
    });

}, 500);

的CSS：

.box 
{
    opacity: 0;
    height: 100px;
    width: 100px;
    position: relative;
    top: 40px;
    margin: 20px;
    border: 1px solid #333;
    float: left;
}

HTML：

<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>

无法复制效果

1 个答案: