問題タブ [sliding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
543 参照

jquery - jqueryスライディングメニューの開閉アニメーションの問題

私はこれをローカルでテストしています:http://jsfiddle.net/fYkMk/1/ これは、マウスオーバー(booking-mask)で開き、マウスが離れると閉じる予約フォームです。4つのフィールドがあります:

  • デートピッカー
  • 客数
  • 部屋数
  • 夜の数

最後の3つのフィールドは、相対アイコンをクリックすると開くスライドメニューです。

これらのスライドアニメーションは、操作/終了アニメーションがまだ終了する前に、ユーザーが予約マスクdivで「マウスオーバー」、「マウスリーブ」、「マウスオーバー」を再度決定するまで機能します。

そのため、リストが壊れていて、そのうちの一部しか見ることができません。[下の画像を参照]

ここに画像の説明を入力してください

あなたがこれで私を助けることができることを願っています。ありがとう

ルカ

0 投票する
1 に答える
517 参照

jquery - JQuery の「スライディング ボックス」を変更する

通常、私はこのような質問を投稿しませんが、特別なプログラミング言語に関する本を一冊も読まずに簡単な解決策を探している場合があります。

ここにある「Sliding Boxes」というスクリプトを使用しています

情報ボックスは、画像の上に「ホバリング」した結果としてスライドインするだけです。ここでは大したことはありません。私がやろうとしているのは、画像の不透明度を 0.5 (通常) から 1.0 (ホバー) に増やすことです。カーソルを画像の上に移動するとうまくいきます。

画像にカーソルを合わせる

しかし、スライド ボックスが画像を覆った後、カーソル位置が情報ボックスの領域にある場合、不透明度 1.0 は失われます。

テキストボックスにカーソルを合わせる

だから私はjsファイルを調整する必要がありますが、私はまだjavascriptで何もしていないので、これについて助けが必要です.

これが私のスクリプトです:

0 投票する
2 に答える
328 参照

javascript - Jquery-スライディング効果のアニメーション

これが私がスライディング効果をもたらそうとしているjavascript関数です。

私が欲しいのは、右ボタン(緑色のボタン)をクリックすると、スライド効果によってタブが別のタブに置き換わるはずです。これらはすべてブロック要素です。

ただし、効果は機能していません。jqueryコードで何か問題が発生していると確信しています。(フェード効果は、左ボタン(オレンジ色のボタン)で正常に機能します。

これが完全なコード(かなり長い)ですが、それは私が達成しようとしている効果のアイデアを与えてくれます。

Jsfiddle

0 投票する
1 に答える
1033 参照

jquery - CSS の問題 - クライアント領域を完全に埋めたい

私はCSSに本当に苦労しています。フル クライアント エリア div に開くスライド ドア テクニックを改造しようとしていますが、クライアント エリア全体を埋めることができません。私はここから改造しています:

http://web.enavu.com/tutorials/sliding-door-effect-with-jquery/

コードは次のとおりです。

小さな細いストリップの代わりに、画面のクライアント領域全体をカバーするパネルを取得するにはどうすればよいですか?


OK、単純化してすべての css を削除しようとしたので、すべてがコード ビハインドで行われます。提案どおりにビューポートを使用しています。しかし、何も機能していないようです。実際、ホバーを認識しなくなりました。

私は何を間違っていますか?オンロードで幅、高さなどを変更できないように見えるのはなぜですか? ホバーが機能しなくなったのはなぜですか?

助けてください。

0 投票する
2 に答える
2441 参照

jquery - スライド効果をJqueryトップパネルに追加する方法

トップパネルのドロップダウンを使用しています。これに似たものhttp://www.yootheme.com/tools/extensions/yootoppanel

当初はmootoolsにありました。しかし、私はIE8で問題を抱えていました。そこで、Jqueryに変更しようと思いました。スライドダウンとスライドアップの機能を作成しました。しかし、スライド効果を追加することはできません。コーディングに関しては、ボタンのクリックイベントで関数を呼び出しました。下にスライドすると高さや位置などが追加され、上にスライドすると削除されます。

私のHTMLコード

助けてください

0 投票する
2 に答える
311 参照

html - 下にスクロールするのではなく、ページの上にコンテンツをスライドさせる

Hey Im は、1366px x 768px の固定背景を持つ Web サイトを作成しています。これは移動しませんが、ナビゲーションを押すとコンテンツ領域が上下に移動します。問題は、smoothscrolling jquery スクリプトを実行していて、ラッパー (コンテンツがある場所) のオーバーフローを制限しない場合にのみ機能し、指示した div までスクロールダウンすることです。代わりに、コンテンツをページの上部にプッシュしたい。私は何か間違ったことをしていますか、それともこれは実行可能ですか?

前もって感謝します。

サイト リンクはwww.andrewapperley.ca/JessicaP/ です。

0 投票する
1 に答える
791 参照

javascript - Jqueryオープニングメニューonclick、それらを停止して子を追加

私は狂った状況にいます。JavaScript初心者です。(初心者でも言えます)onclickでメニュー(横)を開くようにしています。4レベルになります。Google と友達で検索して、第 2 レベルを完了しました。でも今は引き受けられない。Google で必要なものが見つかることはわかっていますが、時間がかかりすぎます。私はまだそれを探しています。私は初心者のjavascripterになろうとしています。

私が尋ねるのは、4 つのレベル (4 列) を開き、開いたレベルをどこかをクリックして閉じることです。

そして、これは私が探している情報がたくさんあるとても良いサイトです。

これらは私の index.html と私の css です。

これが私のcssとcssresetです。

およびサンプル load1.htm ファイル

0 投票する
1 に答える
5121 参照

jquery - 水平ナビゲーション バー/メニューの jQuery スライド ボーダー下部

あなたがいるページには下線または下の境界線があり、メニューの < li > に移動すると、下線/下の境界線が中程度の速度で移動する水平ナビゲーション バーのアイデアがありました。 < li > マウスがホバリングしています。どんな助けでも歓迎です。

サンプルコードを提供していないことをお詫び申し上げます。どこから始めたらいいのかわからない

例として、メニューを次に示します。

0 投票する
2 に答える
628 参照

jquery - Jqueryスライディングパネル

水平方向にスライドインおよびスライドアウトしようとしているいくつかの基本的なパネルを設定しました。ページが読み込まれたときに最初のパネルを除くすべてのコンテンツを非表示にし、他のパネルへのリンクをクリックすると、現在表示されているコンテンツが左にスライドして非表示になり、新しいコンテンツがスライドして表示されます。ページの中央など。現時点では、私が持っているボックスの配置は私と協力していません。

デモはここでチェックアウトできます:

http://jsfiddle.net/fE8ks/

ありがとう!