1

たとえば、私はいくつかのウェブページを持っています

1.htmlへのリンクをクリックする方法2.html

次に1.html、左にスライドしてロードし、 ?2.htmlからスライドします。right

この効果のように：

https://delicious.com/join

そしてgithubプロジェクトも

https://github.com/CyanogenMod/android_packages_apps_Settings

ブラウザの更新点滅がありません

もURL変わりました。

それは使用していjqueryますか？

?をビルドするにはmvc php frameworkorを使用する必要があります。railssite

どうすればwebpageこのようなものを作成できますか?

open source projectそのための例はありますcodeか？

4

2 に答える 2

2

あなたの質問がアニメーションの実行方法である場合、JQuery がそれを担当していました。

参照用にこのリンクを確認できます：

ダウンロード
デモ

または、インターネットで別の検索を試すこともできます。「Fancy Sliding Forms」と入力してください。

実際には、その Jquery を実装する方法については、すべて Web デザイナー/開発者に依存します。ドキュメントを読むだけです。

神速！

于 2013-05-03T09:14:33.783 に答える
1

最近の私の課題は、軽量の Web アプリケーションを開発することでした。そのため、最小限の jQuery を使用することに頼りました。モバイルで表示した場合、スムーズな動作が保証されないためです。そこで、ハードウェア アクセラレーションによる CSS トランジションを選択しました。Web ページのコンテンツを 2 つの div に配置し、クラスを動的に追加および削除して、この効果を確認できます。

/* CSS */
.page-one {
  width: 100%;  
  -webkit-transform : translateX(0px);
  height:100%;
  position: fixed;
  background-color: #fff;
  color : #6B6B77;
  box-shadow: -3px 3px 3px #ddd;
  overflow: auto;
}

.page-one.invisible {
  -webkit-transform: translateX(-100%);
}

.page-one,
body {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page-two {
  -webkit-transform: translateX(100%);
}

.page-two.visible {
  -webkit-transform: translateX(0px);
}

.page-two,
body {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
于 2015-02-26T06:04:07.213 に答える