幻燈片和褪色jquery

Question

我如何滑動div，同時它淡入使用jquery。我想它需要略微偏離樣式表中規定的位置。

因此，例如這個div將在從左邊而衰落到100％從0

<div id="pageintro">We are a wholly independent</div> 

Answer 1

假設元件已經隱藏/不透明度在0滑動：

$('#pageintro').animate({ 
    opacity: 1, 
    left: '+=100' 
}, 1000); 

上面示例僅適用於具有「left：」css屬性定義的元素:)

或者：

$('#pageintro').animate({ 
    opacity: 1, 
    marginLeft: '+=100' 
}, 1000); 

這將工作的大多數元素:)

他們將元素100像素從左至右在1秒內移動，並從0不透明度爲1（完全可見）。

:)

Answer 2

對不起，回答舊的文章，但jQuery Mobile的1.1RC1默認執行此[1]

[1] http://jquerymobile.com/demos/1.1.0-rc.1/docs/pages/page-transitions.html