2011-09-14 37 views
3

嗨即時嘗試添加一些效果,我的網站上的div使用jquery。我想要一些元素在加載時展開,然後當用戶離開頁面時,我想讓div以相反的方式關閉打開的頁面。我的問題是,當動畫播放(開幕式和閉幕式)時,文本似乎在新的行上,而框越來越小,我該如何阻止這種情況發生?如何在Jquery動畫期間停止文本移動?

我可以告訴你一個例子本網站 見例3(摺疊左)上 - 注意移動文本

http://www.adipalaz.com/experiments/jquery/expand_collapse_different_directions.html

+0

,你如何計劃強迫用戶等待動畫時,他們關閉網頁(或者是它的內容過渡動畫的AJAX站點內)? – zzzzBov

+1

動畫的_margins_像例5和6而不是_width_? – stealthyninja

回答

4

有一種方法來實現這一目標。每個對象需要有一個innerouter容器。然後將inner容器向左或向右移動,並將容器的overflow屬性設置爲hidden

Check out this demo

+0

'向右'滑動,只需將'left:「-200px」'改爲「left:」+ 200px「 – rlemon