2017-02-09 69 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框架之一从一个页面移动到另一个页面。还有很多其他的你可以探索。