2009年2月11日 星期三

利用 jQuery 做網頁區塊折疊

有的時候網頁區塊需要如圖示一樣折疊,先用 div#motudo div:gt(0) 找出除了第一塊之外的區塊,然后使用 hide() 加以隱藏,當觸發下一頁事件,如 div.hide().next().show() 所做,先將目前區塊隱藏,然后讓下一個區塊展現出來。

細節請參閱 hello-fold-2009-0204.xml,也可以將這個 gadget 加到 igoogle 去測試看看。

沒有留言:

張貼留言