1

JS で簡単なアプリを作成する方法を教えてもらえますか?

アプリとは次のとおりです。「テーマ」というボタンがあり、そのボタンの上にマウスを置くと、左にスライドして 2 つのリンクが表示されます (リンクには「ライト」と「ダーク」と表示されます)。 .

私はJSの経験があまりないので、誰か助けてもらえますか? ありがとう!

4

4 に答える 4

2

ああ、あなたは私を打ち負かしました: http://jsfiddle.net/5Ls9y/

于 2012-06-12T22:58:30.900 に答える
2

オーバーレイをスライドさせる例を次に示します: http://jsfiddle.net/vWpmT/3/

幅がなくなるまでオーバーレイを縮小する例を次に示します: http://jsfiddle.net/vWpmT/2/

jQuery が必要です。指定された CSS は、背景色を除いて必要最小限のものです。

于 2012-06-12T22:56:12.530 に答える
2

このメソッドは、いくつかの方法で jQuery アニメーションを模倣する純粋なJavaScript アニメーション エンジンを使用します。

参考: jsFiddleデモ

jsFiddle は、多くのネイティブ JavaScript アニメーションの 1 つにすぎません。

すぐに使用できるアニメーション サンプルの完全なリストと関連するチュートリアルについては、HTML コメント セクションのリンクを参照して詳細を確認してください。

インスピレーションを得るには、この webkit CSS3 Sliding Demo and Tutorial of a record of a record from a album をチェックしてください。

ステータスの更新:ボタンが画像の場合、CSS3ブラウザー用のこれらの 5 つのデモは素晴らしいものです。

于 2012-06-13T00:45:48.307 に答える
2

これは、純粋なCSSトランジションを含むバージョンですhttp://jsfiddle.net/69z3y/

于 2012-06-12T23:04:53.713 に答える