在複製效果時遇到問題

我的客戶想要獲得與廣告素材代理機構Red的首頁類似的效果，在頁面加載時，塊顯示爲在稍微不同的時間向上滾動。在複製效果時遇到問題

我很難理解這是如何實現的。任何人都可以幫我解釋一下嗎？

來源

2013-12-17 Dean Elliott

看一看源代碼？ – Reeno

@Reeno它沒有什麼幫助，我不知道什麼與 –

有什麼關係。RED網站確實讓人印象深刻，但在一個地方有100多個創意極客，這就是你可以完成的。向上滾動效果似乎基於CSS轉換。您需要開始通過CSS挖掘來逆向工程技術。 –

這裏是一個小提琴我做的作品有種這樣

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>

來源

2013-12-17 14:26:26 Millenjo

在複製效果時遇到問題

回答

相關問題