問題タブ [onhover]

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 投票する
1 に答える
422 参照

jquery - ホバー効果が正しく機能しない

私は先週からこれについて頭を悩ませてきました:(タブ付きインターフェースを使用するページがありますが、メニューはマップレイアウトに関連付けられたグラフィックです.私がしたことは、jQueryコードを使用してそれぞれのホバー効果を行うことでした.コードは次のとおりです。

グラフィックは 5 つの領域に分かれているので、それぞれにホバー効果を割り当てました。初期ロードでは、正常に動作します。初期ロード ("id21") から、area1 以外の領域にカーソルを合わせた場合も同様です。コードは期待どおりに機能します。他の領域の 1 つから領域 1 をクリックすると、問題が発生します。たとえば、エリア 2 にいるときにエリア 1 をクリックすると、画像の変更が混乱し始めます。

たとえば、初期ロードでは、id1 に移動するはずです。この画像には id1_src (id1.png) が表示されています。他の領域にカーソルを合わせると、次のようになります。

エリア 2: id1-1.png (id11_src) エリア 3: id1-2.png (id12_src) エリア 4: id1-3.png (id13_src)

領域 2 をクリックすると、画像のソースが id2.png (id2_src) に変わり、これが基本グラフィックになります。ホバー効果は次のとおりです。

エリア 1: id1-1.png (id21_src) エリア 3: id1-2.png (id22_src) エリア 4: id1-3.png (id23_src)

他の領域も同じパターンに従います。他の領域から領域 1 をクリックすると、エラーが発生します。どういうわけか、上記の id1 の規則に従う代わりに、以前の値を混合 (または保持) することによって、グラフィックが混乱し始めます。ホバー効果の何かは、元の基本グラフィックを示しています。

奇妙なのは、他のエリアから移行するときに id1 (またはエリア 1) でのみこの問題が発生することです。

助けてください:(事前に感謝します、

ポチ

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

jquery - Jquery On Hover: テキストオーバーレイで背景をフェード

イメージを 20% の不透明度にフェードし、div の上にテキストを重ねるロールオーバー効果を作成しようとしています。私はそれをフェードさせ、テキストを明らかにすることができましたが、何らかの理由でそれらを組み合わせるとうまく機能しません。私がやろうとしていることに最も近いのは、http: //damiencorrell.com/です。ただし、背景を 20% にフェードさせようとしています。助けてくれてありがとう!

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

javascript - gridview行のマウスオーバーで、行データを別のラベルで表示したい

ユーザーが行の上にマウスを置いたときに、グリッドビューの行の詳細を別のパネルに表示したいと思います。背後にあるコードでそれが可能かどうかは疑わしいので、javascriptを使用することを検討しています。

この簡単な例では、行がマウスオーバーされたときに「lblIdDetail」と「lblNameDetail」にユーザーのIDと名前を表示したいと思います。

グリッドをダミーデータで埋めるには:

私はjavascriptの使用に非常に不慣れなので、できるだけ詳細な回答をいただければ幸いです。ありがとう :-)

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

jquery - jquery masonry内のテキストを垂直方向にセンタリングする

jquery masonry を使用して画像を表示しています。これらの画像には、タイトルのロールオーバーとフェードインを可能にするスクリプトがあります。ただし、ボックス内で完全に中央に配置したいと思います。Jquery masonry では、絶対的な高さの値はありません。とにかく、水平にできるように垂直に配置する方法はありますか (margin-right: auto; margin-left:auto; clear: both; と同様)

現在、配置は上から 50% に設定されていますが、小さな要素ではタイトルが中心からずれて表示されます。

ここに私の進捗状況へのリンクがあります: http://geoffjohnsondesign.com/inprogress

ご協力いただきありがとうございます。

ジェフ

0 投票する
5 に答える
1954 参照

javascript - jqueryを使用して(遅滞なく)別の画像に直接フェードする方法は?

私のコードは機能しますが、2 番目の画像に直接フェードしません: 最初の画像をフェードアウト -> 遅延 -> 2 番目の画像をフェードインします。2 番目の画像に直接フェードするにはどうすればよいですか?

私のjqueryコード

0 投票する
6 に答える
44171 参照

html - ホバー時にタイトルタグを隠す

以前の質問に目を通しましたが、どれも実際にはうまくいきませんでした.Googleをチェックしましたが、見つけた情報はかなり曖昧に思えたので、ここで試してみようと思いました.

タイトルタグがホバー時に表示される問題に気付いている/または取り組んでいる人はいますか? タイトルタグが割り当てられる一連のリンクと画像がありますが、そのうちのいくつかは、ホバー時にポップアップしないほうがよい情報を表示します.

これをあらゆる種類のタイトルタグに適用するために使用できるグローバル関数はありますか? 例は次のとおりです。

可能であれば、ホバー時に表示される「車からのサービス」というタイトルを無効にしたいと思います。

再度、感謝します。

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

extjs - extjs4のcssまたはjavaでこのメソッドを実現する方法

私は自分の extjs 4 プロジェクトに取り組んでおり、コンテナーまたは要素の上にマウスを置くと、テキスト領域が自動的に選択されて編集できるようにするメソッドを追加することを計画しています。

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

jquery - この jQuery hover() が機能しないのはなぜですか?

というカスタム HTML タグ内に 2 つのフォームがありますuptoppage

ドキュメントが読み込まれると、フォームを保持する要素を上にスライドさせます。誰かがマウスを親要素の上に再び置いたら、それを下にスライドさせたいと思います。代わりに、何も起こりません。

ここに私のマークアップがあります:

私が使用しているjQueryは次のとおりです。

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

html - カーソルがホバーしたときにリンクのように動作するリスト項目

ユーザーがカーソルを合わせたときにカーソルを矢印から手に変えたいリスト項目がいくつかあります。ある意味、リンクのように見せたいです。これどうやってするの?

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

javascript - ページ上のリンクにカーソルを合わせると、1つのdivの背景が複数の画像に変更されます

作業中のページにいくつかのリンクがありますが、それらのリンクのいずれかにカーソルを合わせると、背景が新しい画像にフェードインする永続的な領域があります。このスクリプトのようなもの:http ://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

そのスクリプトの唯一のオプションがそれらのリンクにその大きな画像をターゲットにすることである場合を除いて、私はそれらのリンクを完全に別々の場所に移動する必要があります。

これについて私は何ができますか?助けてくれてありがとう。