2012-10-14 233 views
1

我想在MediaFire signup page所看到建立一個類似的效果。當您點擊「嘗試」按鈕時,整個表格div會縮小高度,並且註冊表格會從右側滑入。然後,在新窗體上,您可以單擊「返回」以退回到表格顯示。jQuery的滑動左/右內容面板

我相信這可以通過包括jQuery UI的庫,但我很願意和只是普通的jQuery來做到這一點來完成。有什麼可以解決的問題嗎?甚至不一定是插件,但可以使用jQuery而不需要UI庫。

+0

可以內置只使用CSS和jQuery(動畫)相同的效果。 – bingjie2680

+0

@ bingjie2680是的,這是我正在計算,絕對沒有更好的解決方案。感謝您的快速反應,感謝 – Jake

回答

1

我開發了這個網站http://www.ladehoffcondominios.com.br/#home,你可以看看ajax.js和gs.page.js的源代碼。

這是一個有點混淆,但這個想法是與animate()函數變化的內容div的保證金左/右工作。

如果你臉色不好,我用的是ajaxComplete()函數來把內容發回只是當它準備。但我認爲這不是最好的主意。 (如果你想我可以更好地解釋)

請,如果你嘗試一些更好的,請添加評論,以幫助我提高我的代碼。
謝謝。