jQuery .animate（）不能在第一次工作

我正在製作一個「車庫門」類型的東西來顯示項目。有一個div（whole）與背景圖像，然後另一個div（project_info），滑落下來的信息，涵蓋了whole的背景圖像。它的工作原理與我喜歡的完全相同，只是無論如何，動畫都不會在第一次使用。所有3個元素（project_info,project_name和project_desc）以相同的速度下滑時，應以不同的速度滑動。然而，每次之後，幻燈片都能正常工作。jQuery .animate（）不能在第一次工作

HTML：

<div class="whole" style="background-image: url('rail.jpg');"> 
    <div class="project_info"> 
    <span class="project_name">Rail Direct</span> 
    <span class="project_desc">Lorem ipsum dolor sit amet</span> 
    </div>

的jQuery：

<script type="text/javascript"> 
$(document).ready(function(){ 
$(".whole").hover(function() { 
    $('.project_info').stop().animate({"top": "0px"}, 300); 
    $('.project_name').stop().animate({"top": "0px"}, 1000); 
    $('.project_desc').stop().animate({"top": "0px"}, 650); 
}, 
function() { 
    $('.project_info').stop().animate({"top": "-155px"}, 800); 
    $('.project_name').stop().animate({"top": "-155px"}, 300); 
    $('.project_desc').stop().animate({"top": "-155px"}, 650); 
});

}）;

可能重要的是要注意，懸停的mouseout部分將在第一次工作。

來源

2012-09-10 Brian

什麼是你正在動畫元素的開始「最高」價值？ –

看看http://jsfiddle.net/qG5Hh/1/

如果您使用的位置是：相對則內部跨度會以相同的速度移動作爲包含div加上自己的速度。我試圖通過設置div的高度而不是最高值來獲得您要查找的結果。

來源

2012-09-10 22:52:28

jQuery .animate（）不能在第一次工作

回答

相關問題