如何用Jquery實現(xiàn)DIV由下向上展開的效果

1、實現(xiàn)一個div從下向上展開的效果，關(guān)鍵在于對div的位置進行精確控制。在jQuery中，我們可以使用animate方法來實現(xiàn)平滑的過渡效果。首先，確保你的div有初始位置，比如固定在頁面底部。然后，通過animate方法調(diào)整div的top屬性，使其向上移動，直到達到預期的高度。

2、類似于android手機的狀態(tài)欄下拉效果，但方向相反。Div塊在底部，當點擊按鈕時，div向上展開，再次點擊時向下收回。

3、有看到j(luò)query的JQTreeTable插件，在本程序中盡量有參考它的做。

4、輸入 div.wrapperdiv.header+div.main+div.footer 按下Tab，立刻變成 或者按下ctrl+alt+enter，激發(fā)zencoding控制臺，可看到整個動態(tài)的過程。