問題タブ [rollover-effect]

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 に答える
177 参照

ios - iOS : 停止ボタンの画像を表示して、もう一度再生するまでそこにとどまるにはどうすればよいですか?

音楽のバックグラウンドのオンとオフの切り替えボタンがあります。うまく機能しますが、停止時に交差の画像を表示するには、そのボタンが必要です。もう一度押すと、画像が再び消えます。私はすでにその画像をカスタム選択の下に置いていますが、しばらく表示されます。どうすればそれを実装できますか? ここに私の IBAction があります:

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

c# - mouseEnter イベントを使用してボタンをスケーリングする

これは私の最初の投稿です。まず、いくつかの背景について説明します。私は C# を初めて使用し、文字通り歯が生える段階にあります。私は化学エンジニアで、主に MATLAB や Mathematica などの言語の経験がありますが、ずっとプログラミングが好きで、C# を学習して、使用しているいくつかのプログラム用のユーザー フレンドリーなインターフェイスを作成することにしました。WPFではなくWindowsフォームを使用していることに注意してください。

私がやりたいことは、さまざまなフォームにリンクするメイン メニュー画面を持つことです。見栄えを良くするために、私がやりたいのはこれです。メイン ウィンドウのピクチャ ボックス (画像はボタンのものです) にカーソルを合わせると、ボタンが少し「大きく」なり、離れると元のサイズに「縮小」するはずです。これまでのところ、私の方法は、mouseEnter イベントでこの成長アニメーションの gif を読み込んでから、mouseLeave で縮小アニメーションを読み込もうとしていましたが、これはそれぞれの gif を何度もループするだけです。GIFを1回だけ再生するにはどうすればよいですか?

フレーム間にスレッドスリープを入れてフレームを順番にロードしようとしましたが、これを行うときに表示されるのは、ロードしようとした最後の画像だけです。これは、このメソッドに使用されるコードの例です。1 つの画像を表示し、0.1 秒後に別の画像を表示しようとしています

また、for ループを使用してボタンやピクチャ ボックスのサイズを大きくするなど、gif なしでこれを行う方法はありますか?

編集1:2番目のアニメーションを開始すると最初のアニメーションが停止するように、タイマーストップをどこに配置しますか?

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

javascript - ロールオーバー イメージが機能しないのはなぜですか?

私は自分のサイトのコードを持っています。画像をクリックすると、正常に動作するポップアップ ウィンドウが表示されます。ただし、ロールオーバーするたびに最初のロールオーバーは機能しますが、ロールオーバー前の元の画像はもう表示されませんか? どうしてこれなの?

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

javascript - Dreamweaver のイメージ ロールオーバーのイージング効果を作成するには?

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

c# - C# での単純なロールオーバー イメージ

作業中の DotNetNuke のテスト ページにロールオーバー イメージを追加しようとしていますが、正しい構文を取得できないようです (C# にとってはまったく新しいものです)。これは、経験のある人なら誰にとっても簡単なはずです。

これまでにいくつかの異なることを試しましたが、そのほとんどがオブジェクト参照エラーになります。これは私が最後に試したものです (これを配置したコードの下に注意してください。他の属性が追加される場所であるため、行は単にここに移動しました。行を配置するより論理的な場所があると思いますか?):

ページはエラーなしで読み込まれますが、ロールオーバーは機能しません。リンクは次の属性でレンダリングされます。

明らかに正しくありません。

ページ全体のコードは次のとおりです。

私はたくさんの検索を行ってきましたが、JavaScript を使用する方法と使用しない方法がいくつかあるようです。これに関するヘルプは大歓迎です、ありがとう。

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

css - 画像リンクのロールオーバー効果

ここに見られるものと同様の画像リンクのロールオーバー効果を作成する方法を知っている人はいますか? このためのチュートリアルはありますか?背景の不透明度を変更して目を表示させるのは簡単ですが、開発者がどのようにしてチーズホイールをそのようにスライドさせたのかわかりません.

スクリーンショット:

ここに画像の説明を入力ここに画像の説明を入力ここに画像の説明を入力

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

jquery - 初めての JQuery ホバー効果はエンドポイントにジャンプし、その後は正常

ここにポーザーがあります:

ページをロードすると、[メール] タブと [LinkedIn] タブの最初のマウスオーバーで、アニメーションがエンドポイント フレームにジャンプします。タブドロップをアニメーション化する必要があります。

最初のホバーの後、すべて問題なく、ホバーは期待どおりに動作します。mouseenter、mouseover、およびhoverを試しました。個人的には、mouseenter が一番好きですが、それは私です。動作は、ジャンプを示さない以下の水平トピック ボタンに似ています。変。

コードは次のようになります。

ただ奇妙です。http://desertbiz.biz/repl.htmlで効果を確認できます。

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

javascript - 画像ボックスのロールオーバーを作成するにはどうすればよいですか?

コンテナ(幅500px、高さ800px)があります。コンテナは背景として画像を使用し、中央に「サインアップ」というボタンを追加したいと思います。ユーザーがサインアップボタンをクリックすると、同じコンテナーにポップアップするサインアップフォームが必要です。

つまり、背景の色が別の色に変わり、同じコンテナがサインアップボックスとして使用されるロールオーバー効果が必要です。そして、ユーザーが閉じるボタンなどを押すまで、変換を維持する必要があります。

どうすればこれを達成できますか?任意のアイデアをいただければ幸いです。ありがとう!

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

javascript - Javascript のロールオーバーにより、本文テキストで奇妙なちらつきが発生する - 修正方法は?

私は現在、ウェブサイトで働いています。彼らは、ホームページ (vps.futureaccess.ca/~krun) にロールオーバー効果を追加することを望んでいます。それで...素敵なJavascriptコードを見つけてPHPに挿入しましたが、これら3つのボタンの1つにマウスを移動すると、本文テキストに奇妙な「ちらつき」があることに気付きました。この問題を解決する方法を知っているかどうか疑問に思っていましたか? 私は JavaScript の専門家ではありません。

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

ありがとう!