2009-10-07 48 views
0

我真的不擅長Javascript和那,所以我需要另一點幫助。我希望能夠使用PHP快速完成AJAX,然後當ajax響應完成時,在div中顯示響應,並很好地滑動它。阿賈克斯與幻燈片效果已不使用工具包

它的基本AJAX方面沒有問題。但我希望能夠在不使用任何框架(如jQuery或MooTools)的情況下很好地滑動它。主要用於學習,但還有其他原因。所以,以一種非常簡單的方式提供任何幫助將會很方便。我無法在網上找到很多。如果我必須使用jQuery,那麼我想我可以,我已經玩過它了,但我在最好的時候並不是Javascript的粉絲...

所以是的,幾乎任何建議/提示/想法/幫助將非常方便!

回答

1

我猜的基礎將是一個超時隨着高度的東西()的組合,直到它全高:

  1. 設置元素的顯示爲無
  2. 得到的全高的元件,是這樣的:。
    的document.getElementById( 'IDofElement')style.height
  3. 將高度設置爲0和像塊
  4. 顯示的東西設置timeOut()並增加被調用函數的高度,如果元素還不是全高,則激活一個新的timeOut()。

不使用庫的唯一真正的缺點是,你將不得不在許多不同的瀏覽器中測試,並可能根據使用的瀏覽器進行修改。圖書館已經爲你解決了這個問題。

+0

這似乎是一個很好的方式去...將有一個發揮 – rich 2009-10-07 15:27:04

+0

好吧,玩它一切都有道理。但是,我猜它需要在CSS中設置高度?或者有沒有辦法讓它設置高度變量?抱歉的問題! – rich 2009-10-07 15:58:28

+0

我通常使用jQuery,但我認爲** document.getelementById('IDofElement')。style.height **可用於設置和獲取高度。 – jeroen 2009-10-07 19:41:41

0

就我個人而言,我只是使用JQuery。如果你想看看他們是怎麼做的,那麼下載庫的開發者版本並看看代碼。

如果你不是JavaScript的粉絲,那麼使用一個庫,這意味着你必須少寫。

+0

我知道,但是......如果我能夠工作,我真的需要能夠在沒有圖書館的情況下做到這一點。 – rich 2009-10-07 14:29:42

+0

然後回答第一部分答案 - 查看JQuery庫中的代碼並編寫自己的版本。 – Paddy 2009-10-07 14:34:12