問題タブ [sliding]

JavaScriptを使用して画像スライダーを作成しようとしています。

HTML

脚本

次の画像が2番目に表示され、1番目にスライドし、両方の画像がインラインである必要があるように、2つの画像をスライドさせたいと思いました。

エラーが見つかりません。誰かが私がそれを修正するのを手伝ってもらえますか？

これはFacebookのスライドメニューの例です。

スライドすると、ユーザーが見ることができる 20% のスペースがあり、これは facebook と似ています。Facebook は、この 20% のどこかをクリックすると、メニューがスライド バックするように実装しています。

これを実装する方法は？

複数の独立したページを持つ Web サイトをプログラムしようとしています。jquery モバイル フレームワークを使用してページ間のスライド トランジション効果を使用したいと考えていますが、これを使用する必要はありません。私の目標は、モバイル アプリではなく、デスクトップ Web サイトを作成することです。

流動性と実行速度が私の目標です。jQuery Easing プラグイン (バージョン 1.3) を使用できることがわかりましたが、独立したページ間で流動的なトランジション効果を持たせるためにこのコードを配置することはできません。

TerrenceRyan.com ソリューションでこの遷移ページ効果を実行するつもりでしたが、正しく機能しません。

jquery アンカーまたは非表示の div を長い 1 ページに配置してナビゲーションを行いたくありませんが、クリック スライドに到達する多くの独立したページです。

私が達成しようとしていることの例を示すために、いくつかのリンクを次に示します。

http://www.craigandkarl.com/ http://www.ultranoir.com/

私はJQueryの初心者です（ただし、JSと他の言語でのプログラミングについてはある程度の知識があります）
。2つの目的があります。

1. 非常に単純なタブ（またはコントロール用のもの）、クリックすると古い（アクティブな）タブコンテンツがフェードアウトし、次にクリックしたタブコンテンツがフェードイン（同じ場所）
2. 1と同じですが、フェードの代わりに水平方向のコンテンツスライドがあります。JQuery UIは必要ありません。これは、この種の単純なものにはやり過ぎであり、学びたいからです。

目的1、JS：

HTML：

$("div.tabs > div")infadeOutとinの行ですべてのdivを突く代わりに、アクティブなdivを見つける方法はfadeIn？

Aim2：
読んだslideUpのslideDownですが、それは垂直です。おそらく使用する必要がありますanimate()か？
どのように？それが垂直スライドで私にとって良いよりも複雑すぎる場合...

私が取り組んでいるWebアプリケーションでは、マウスオーバーとマウスアウトで上下に移動するいくつかのスライダーを作成したいと考えています(それぞれ) 。 . 実際、これはかなりうまく機能します。divhover()animate()top

詰まりやすいのが難点です。マウスをその上 (特に下部近く) に移動し、すばやく離すと、連続して上下にスライドし、3 ～ 5 サイクルが完了するまで停止しません。私には、この問題は、別のアニメーションが完了する前に開始される 1 つのアニメーションに関係しているように思われます (たとえば、2 つのアニメーションが実行しようとしているために、前後にスライドします)。

さて、コードです。私が使用している基本的なJQueryは次のとおりです。

JSFiddleでの動作も再現しました。

何が起こっているかについてのアイデアはありますか？:)

==編集==更新されたJSFiddle

こんにちは、私はすでにjqueryに基づいて私のサイトにmovile固定メニューを実装していますが、各文の内部のmarginTopとmarginBottomに少し問題があります.marginBottomが機能していません。

実際の例: http://www.utxj.edu.mx/menu_example/index.html

私のコード...

Tnx 4 ヘルプ。

私は画像のURLの配列を持っており、そこから最初に画像をダウンロードしてからスライドで表示する必要があります。しかし、私は画像を非同期でダウンロードしたいと思います。私は以下のコードのように一度に3つの画像を使用しています：

誰かがURLからeimagesをダウンロードする必要がある場所を教えてもらえますか？ありがとう

私はActivityGroup開発するつもりtabHostです。タブの 1 つには、2 つのアクティビティが含まれています。問題は、この 2 つのアクティビティ間を移動するときに、それらの間にスライドがないことです。古いアクティビティが消え、新しいアクティビティが自動的に画面に表示されます。

私が実装する必要があるのはこれです-アクティビティ2からアクティビティ1に戻ると、アクティビティ2は右にスライドして画面を離れる必要があり、新しいアクティビティ(アクティビティ1)は左から右にスライドして画面に入る必要があります.

インテントを使用してアクティビティ間を移動する場合、効果は Android のデフォルト スタイルに似ています。

私がこれまでに達成したことは次のとおりです。

アクティビティ 2 からアクティビティ 1 に移動しようとすると、アクティビティ 2 (古いもの) が画面から消え、画面が黒くなり、左から右にスライドして新しいアクティビティが画面に表示されます。古いアクティビティもスライドで画面から出られるようにできたらいいなと思います。

これは、古いアクティビティから新しいアクティビティに戻るための私のコードです。

その行を元に戻すと、古いアクティビティはスライドせず、消えてしまいます!!!!

テストにSamsung Galaxyを使用して使用しようとしoverridePendingTransitionましたが、アニメーションには影響しません。

ここに私のxmlファイルがあります：

ありがとうございました。あなたが私を助けてくれることを願っています。

基本的に私が持っているのは4つのdivで、それぞれが設定された高さで始まり、マウスオーバーするとdivが高くなるようにアニメーション化されるため、元の画像のスニークピークではなく、背景画像が完全に表示されます。あなたは私がここに持っているものを見ることができます：

http://jsfiddle.net/u2DK7/

基本的に私がやりたいのは、ボックスの1つにカーソルを合わせると、コンテンツを押し下げるのではなく、コンテンツの上に展開することです。簡単に絶対測位を試しましたが、必要なものではないようです。

もう1つ疑問に思っていたのは、アニメーションの指示を1回だけ機能させる方法があるかどうかです。前後にホバリングしてから、キューに入れたアニメーションのアコーディオンスタイルの効果を見るのはかなりクールですが、それは私が実際に機能させたい方法ではありません。

ちなみに、4つの個別のdivを設定せずに背景画像を変更できるように、HTMLコードにスタイルタグを保持する必要があります。

前もって感謝します！

私のアプリにはボタンがあります。そのボタンをタップして、画面上のポイントに移動できるようにしたいと思います。ただし、画像がそこに表示されるだけでなく、ポイントまでスライドすることも望んでいます。これを行う方法はありますか？この時点で、イメージは必要な場所に移動します。そこにスライドさせたいだけです。どんな助けでも大歓迎です。ありがとう！