2016-09-03 5 views
-3

私は現在、新しいウェブサイトを構築しています。私は、Googleがウィジェットのいくつかと同様にしていることを企業に紹介しています(他のウェブサイトも同様です)。Google Rio 2016 Like Animation

ウェブサイトに別のタブの動画を持たせたいのですが、Google GIFと少し似ています。私はアニメーションを行う方法を知っていますが、他のタブに移動することなく別のタブに移動しなければなりませんが、読み込み中ではないはずはありません。

どのフレームワークや何かを使用する必要がありますか?私はjQueryを使うべきか、それ以外は何か?私は自分自身まで物事を見ることができますが、私は見当がつかないので、私は、それを始める方法を知りたいのですが...事前に

Link to GIF with example

おかげで、

R. Baauw

+0

動的コンテンツをページにロードする場合(現在のページを離れないように)、Ajaxを使用する必要があります。そこには多くのチュートリアルがありますが、それをあなたのアニメーション化されたコンテナに表示されるように調整するだけです。コンテンツが既にページ上に表示されていても(表示されていない場合)、簡単ですが、アニメーションで表示するだけです。 – blex

答えて

1

Single Page Web Applicationですが、SPAには現代的なフロントエンドフレームワークを使用できます。 AngularJSはそのようなフレームワークの1つです。

フロントエンドルータを使用してこの機能を実現することもできます。

AngularJSは、この目的でngRouteです。

もう一度SPAルータであるAviatorを使用できます。