2010-11-30 25 views
0

jqueryを使用してフェードインするときにdivをスライドさせるにはどうすればよいですか?私はそれがスタイルシート内で規定された位置からわずかにオフセットされる必要があると思う。スライドとフェードjquery

したがって、例えば、このDIV要素がすでに0で/不透明度を隠されていると仮定すると0

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

答えて

1

から100%に褪色しながら左からスライドします:

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

上記exampleは、 'left:' CSS属性が定義された要素に対してのみ機能します。

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

これは、ほとんどの要素上で動作します:)

を彼らは1秒間に左から右に100pxに要素を移動し、0不透明度から1(完全に目に見える)になります。

:)

+0

それはフェードに動作しますが、それは左から移動しdoesntの右:... 0) – Andy

+0

代わりに "marginLeft: '+ = 100'"を試してください。 :) 左はposition:relativeとcss left属性が定義されている場合にのみ動作します:) –

+0

wicked ta、great help! – Andy

関連する問題