問題タブ [rollover]

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

sifr - sifr3 ロールオーバーに関する質問

こんにちは、私は sifr3 をいじっていましたが、少し読み込みが遅いですが許容範囲内で問題ないようです :)。ただし、私の問題はロールオーバー/ホバーにあります。

現在のページをアクティブな状態にできるようにしたいと思います。

これは、何らかの理由で子にスタイルを設定するだけで実行できます;)デフォルトの「a」色に変わります。しかし、他のリンクにカーソルを合わせると、a:link のデフォルトの色に変わりたいと思います。

sifr3 セレクターに応じて、javascript を使用して dom の css を変更しようとしました。しかし、毎回リロードを発行する必要があるようです。だから私はちょっと立ち往生しています。

これが私の現在のコードです

私は最適ではないことを知っており、css セレクターを #someId li に移動する予定です

しかし、私はまだ遊んでいます。

cssに追加するのが理想的です

しかし、それはうまく機能していないようです:/、

誰かがそれをどのように達成したかについての例やヒントを見てみたい.

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

jquery - フェードで失われたJquery Image、助けて!

最近、ポートフォリオ ページを立ち上げました。jquery プラグインを使用して、クラスに基づいてポートフォリオ エントリを並べ替えました。こちらからご覧ください

各画像をロールオーバーすると、画像が拡大し、ケース スタディのリンクが表示されます。それはそれがどのように見えるべきかです。ロゴとブランディング ボタン (上部) を押すと、それも完全に機能します。ただし、他のボタンのいずれかを押してから、画像をスクロールします。消える!その画像を元に戻す唯一の方法は、「すべて」または「ロゴとブランディング」セクションに戻り、欠落している画像をロールオーバーすることです。

一部が機能していて、ほとんどが機能していない理由がわかりません。コードは一貫しているように見えますが、何か不足している可能性があります。ありがとう。

0 投票する
3 に答える
718 参照

javascript - JQuery:マウスホバーイベントでグラフィックを変更するにはどうすればよいですか?

JQuery を使用して、HTML テーブル/div の行にマウスを合わせるたびに地図アイコンを変更するにはどうすればよいですか?

次に例を示します。

http://www.sfsunriseidx.com/homes/94131/?uuid=9ed7269b-5327-4c88-ba15-f700ed343d69&source=REDIR

左側のホーム リストにマウス ポインターを合わせると、右側の対応するマップ アイコンが変化します。

質問: JQuery を使用してこの機能をエミュレートするにはどうすればよいですか?


更新: ID が 2 つの要素をリンクすることが以下に提案されました。その場合、どうすればこれを達成できますか?

0 投票する
4 に答える
425 参照

javascript - Javascript/CSS ロールオーバー メニュー

私の以前のクライアントから、彼のウェブサイトのロールオーバー メニューを作成することについて連絡がありました。彼はいくつかの異なるビジネスを持っており、メインのサイトから、他の各ビジネスとそのサイトへのリンクを示す画像メニューを作成できるようにしたいと考えています。javascript と css を使用してロールオーバー メニューを実行できることは知っていますが、彼が私に尋ねたことの 1 つは、よくわかりません。彼を引用するには:

私は基本的に、ホバーされているものを大きくして明るくしたいだけです。ベルトコンベヤーのように回転してくれたらいいなと思います。たとえば... 10 のビジネスがあり、ページに 5 つしか表示されていない場合、その人がそこにマウスを移動するか、「オーバー ボタン」をクリックすると、次のビジネス グラフィックが表示されます。

それは可能ですか?そのようなことをするのは巨大なプロジェクトですか?どうすれば正確にそれを行うことができますか?

0 投票する
3 に答える
6719 参照

apache-flex - ListまたはDataGridコンポーネントのロールオーバーカラーを無効にする

リストベースのコンポーネントの一般的なFlexロールオーバーカラーを取り除き、独自のスタイルのロールオーバーレンダリングを表示したいと思います。

useRollOverを'false'に設定することはオプションではありません。これを無効にすると、List.isItemHighlighted()関数も常にfalseを返すようになるためです。私のカスタムレンダラーはその機能に依存しています。

そんなに大変なことはありますか?そのロールオーバーカラーを透明に設定する方法はありませんか?レンダラーがアイテムが強調表示されているかどうかを判断する他の方法はありますか?

ありがとう!

編集:もちろん、rollOverの色を「白」に設定し、alternateRowColorsを白に似たものに設定することもできます。浮気の種類:)

0 投票する
3 に答える
1561 参照

jquery - jquery ロールオーバーとアクティブ状態

ばかげた質問やコーディングで申し訳ありません。jquery は初めてです。

ロールオーバーとアクティブな状態を持つ 1 ページ サイトのメニューを作成しようとしています。HTML:

jquery:

したがって、ここには 2 つの問題があります。

  1. アクティブなクラスが追加され、Chrome の開発者ツールでアクティブなクラスの不透明度が「1」であることがわかりますが、ブラウザでは機能しないようです。不透明度は引き続きブラウザに「0.5」として表示されます。

  2. $(this) がアクティブな場合、$(this) をクリックしてアクティブなクラスを削除した後でも、不透明度は「1」のままです。$(this) を数回クリックすると、最終的に不透明度が「0.5」に戻ります。

助けていただければ幸いです。私はこれに苦労してきました... 3日経ちました:-/

よろしくお願いします...

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

c# - C# イメージ ロールオーバー

挨拶、テーブルレイアウトパネルと各テーブルセルに1つずつ配置されているPictureBox(es)のコレクションに画像ロールオーバーを実装しようとしています。

ここに私のコードがあります:

==================

しかし、ロールオーバーは機能していません!これを正しく実装する方法についてのアイデアはありますか?

前もって感謝します。

以下:

画像のロールオーバーは正しく行われますが、ツールチップは表示されません。ツールチップに HomeTableLayoutPanel の代わりに HomeCurrentPicBox を指定すると、正しく表示されません。

大丈夫、うまくいくと思います。ツールチップの AutomaticDelay 値を変更する必要がありました。

みんな、ありがとう。

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

apache-flex - フレックス-水平リストのロールオーバーカラーを削除

水平リストのロールオーバーカラーを削除したい(私のコンポーネントには背景画像があります)。「roll-over-color」プロパティを「transparent」に設定して、cssスタイルシートを使用してみました...しかし、背景が黒になります> _ <

誰かがこれで私を助けることができますか?

どうもありがとう=)

よろしく、BS_C3

0 投票する
4 に答える
3626 参照

jquery - 非常にシンプルな jQuery ロールオーバー

これに触発さ れた非常に単純なjQueryロールオーバー関数を作成しました: http://www.smileycat.com/miaow/archives/000224.phpimg

img名前に含まれるすべての をチェックし、同じ名前で「_off」ではなく「_on」_offと交換します。img

私のレイアウトでは background を使用できないのでimg、これは便利な解決策だと思います。しかし、関数の実行が遅い場合のように、スワッピングがスムーズではないと感じています。どう思いますか?それを最適化する方法はありますか?

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

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

javascript - Explorer と Safari でロールオーバーがバラバラになる問題

Dax Assist から切り離されたロールオーバー スクリプトを取得しました: www 。ダクアシスト。com/js/disjointedrollovers.cfm

私が取り組んでいるページをチェックしてください: http://www.gherkin.co.nz/tester/

ロールオーバーは Firefox ではうまく機能しますが、Explorer では大きな画像が中央の div の下に表示され、Safari ではまったく機能しないようです。

何か案は?