2017-02-09 73 views
0

我正在嘗試在網頁上的頁面之間進行轉換。例如:如果用戶在www.example.com/About上,並且他們點擊鏈接轉到www.example.com/Contact,則關於頁面會飛出到左側,而聯繫人頁面將會從右邊飛入。HTML如何在頁面之間轉換

到目前爲止,我在網上可以找到的是如何在帶有#標籤的同一頁上執行此操作。但我想用單獨的頁面來做到這一點。

是否有可能?
如果不是有替代方案,以及如何去做?

UPDATE

好了,所以我做了些研究,我發現這個東西叫做barba.js(http://barbajs.org),似乎做什麼我要找的。所以我安裝了js腳本文件,然後按照網站上的說明進行安裝......並且它不起作用!它所做的一切都沒有正確加載我的頁面,並沒有做它應該做的事情。任何人都知道我可以如何使用它(或者如果有比barba.js更好的選項)。

- 謝謝!

+1

*任何*都可能,是否很難? *是*。你有沒有嘗試過我們可以幫助你的任何事情? *沒有*。 – Nytrix

+0

您應該使用AJAX將當前頁面的''標籤內的代碼重新加載到下一頁的標籤中。 – hulkinBrain

回答

0

我不認爲你可以用純html html & js來做到這一點,因爲如果每次單擊鏈接時都加載整個頁面(如果它不是錨點的話)。

但是您可以加載只是頁面的一部分,所以適用於你的選擇與阿賈克斯和JS

但最終,你會不會真的從一個頁面切換到頁面的過渡,但只裝您要更新的部分。這大約是如何現代前端框架,如角,反應,......正在

這是一個純粹的JS例如http://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first

這裏是一個jQuery例如http://www.w3schools.com/jquery/ajax_ajax.asp

+0

感謝您的回答。我只是努力讓它與我的HTML一起工作(我對Java很新!)。我怎麼能實現你與轉換鏈接的代碼? – CianB

+0

我認爲簡單的css規則就像'transition'應該這樣做,如果你將它應用到你的身體上 – ChickenMcNuggets

0

你所談論的是網頁過渡並且它通常發生在沒有硬刷新的SPA(單頁應用程序)中。

如果您不是在SPA應用程序中工作,我認爲您不能通過鏈接/按鈕點擊從一個頁面移動到另一個頁面,併發生硬刷新。

您可以在jvascript和us ui-router中選擇angularjs中着名的spa/mvc框架之一從一個頁面移動到另一個頁面。還有很多其他的你可以探索。