2013-02-25 90 views
-3

我試圖建立一個具有交互功能的網頁,但我不知道從哪裏開始尋找。我認爲它會由jQuery驅動,但我現在很確定。我試圖創建一個功能,我需要幫助入門

我想要的是:我想要一個頁面(爲了說明的緣故)我有一個700px寬×500px高的框。在盒子(div)的底部,我有一個5鍵導航(圖片只是爲了方便起見)。我希望這樣,當我點擊底部導航中的按鈕時,具有該特定「頁面/按鈕」內容的div將從底部的導航向上擴展。然後當你點擊一個不同的按鈕時,該格子向下滾動,然後下一個擴展。

我看到了有關CSS3動畫一些東西,但我不知道我將如何使用,要麼...

可有人點我的方向是正確的什麼工具來使這個使用實現它。或者,如果之前已經完成,那麼我自己實施一個教程呢?

+0

你可以看看一個JavaScript框架,如[Backbone.js的(http://stackoverflow.com/questions/5418369 /什麼,是骨幹-JS)。 – Hassan 2013-02-25 16:23:13

+0

在使用JavaScript之前,請勿使用Backbone。 – superluminary 2014-08-27 09:10:06

回答

4

這聽起來像你是新手,所以我建議慢一點。如果你已經知道HTML好的和一些Javascript,學習jQuery,它做什麼,它是如何有用的,等等。

Codecademy有一些偉大的HTML,Javascript和jQuery教程。

jQuery UI有一些功能可能是你在這裏找的東西,但是我會提醒你在知道Javascript和jQuery之前潛入jQuery UI。

當你準備一下:

TabsEffects

+0

謝謝,這看起來非常有幫助!我不知道爲什麼我如此迅速地得到一堆負面選票......我知道我的問題不會幫助其他許多人,但爲了快速記下它似乎有點意思。感謝您的幫助和快速提供。我會讓你成爲最好的答案! – Justgrant2009 2013-02-25 16:34:13

+0

好答案。開始慢一點,建立起來,在你走路之前不要嘗試飛行,否則你會感到沮喪,最終成爲剪貼式程序員。 – superluminary 2014-08-27 09:05:37