JS で簡単なアプリを作成する方法を教えてもらえますか?
アプリとは次のとおりです。「テーマ」というボタンがあり、そのボタンの上にマウスを置くと、左にスライドして 2 つのリンクが表示されます (リンクには「ライト」と「ダーク」と表示されます)。 .
私はJSの経験があまりないので、誰か助けてもらえますか? ありがとう!
JS で簡単なアプリを作成する方法を教えてもらえますか?
アプリとは次のとおりです。「テーマ」というボタンがあり、そのボタンの上にマウスを置くと、左にスライドして 2 つのリンクが表示されます (リンクには「ライト」と「ダーク」と表示されます)。 .
私はJSの経験があまりないので、誰か助けてもらえますか? ありがとう!
ああ、あなたは私を打ち負かしました: http://jsfiddle.net/5Ls9y/
オーバーレイをスライドさせる例を次に示します: http://jsfiddle.net/vWpmT/3/
幅がなくなるまでオーバーレイを縮小する例を次に示します: http://jsfiddle.net/vWpmT/2/
jQuery が必要です。指定された CSS は、背景色を除いて必要最小限のものです。
このメソッドは、いくつかの方法で jQuery アニメーションを模倣する純粋なJavaScript アニメーション エンジンを使用します。
参考: jsFiddleデモ
jsFiddle は、多くのネイティブ JavaScript アニメーションの 1 つにすぎません。
すぐに使用できるアニメーション サンプルの完全なリストと関連するチュートリアルについては、HTML コメント セクションのリンクを参照して詳細を確認してください。
インスピレーションを得るには、この webkit CSS3 Sliding Demo and Tutorial of a record of a record from a album をチェックしてください。
ステータスの更新:ボタンが画像の場合、CSS3ブラウザー用のこれらの 5 つのデモは素晴らしいものです。
これは、純粋なCSSトランジションを含むバージョンですhttp://jsfiddle.net/69z3y/