問題タブ [effects]
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.
jquery - jQuery: IE で子要素が $('.parent_class') 不透明度効果で消える
私はこのhtmlを持っています:
いくつかのcssを使用:
この親子が一緒にフェードインして、不透明度:0.50 になるようにします。Firefox はこれを問題なく実行しますが、IE では問題が発生します。fadeIn() または fadeTo() を実行するか、単に .css('opacity','0.50') を親に適用すると、親はレンダリングされ、子はレンダリングされません。 t。
--> 親はフェード インしますが、子は表示されません。
--> 親が表示されますが、子は表示されません
--> 親は不透明に表示され、子は表示されません
--> 親と子は問題なく表示されます (ただし、アニメーションや透明度はありません)。私が行った場合
その後、親は効果を取得し、子は消えます。
親と子を一緒にアニメーション化し、不透明度プロパティを共有するにはどうすればよいですか?
wpf - DropShadowEffect の不透明度をアニメーション化する方法は?
次のスタイルを使用した境界線を持つ WPF プロジェクトがあります。計画は、マウスが境界線の上に移動するとグロー効果がフェードインし、境界を離れるとフェードアウトすることです。
問題は、何も起こらないことです。Storyboard TargetProperty で "DropShadowEffect" を "UIElement" に変更するとアニメーションは機能しますが、これによりコントロール全体がフェードします。
DropShadowEffect だけをフェードするにはどうすればよいですか?
jquery - JQuery マウスアウト タイムアウト
同様の問題は以前に対処されていましたが、 bind() 関数を使用しているため、私のものは少し異なると思います。とにかく...
「mouseenter」でオーバーレイをフェードアウトしたいのですが、「mouseleave」後 2000ms でフェードバックします。
追加の質問があります。.overlay div がフェードアウトしたときに、その下にあるものをクリックできるようにする必要があります。つまり、div を完全に非表示にするか、z-index スタックを下に移動する必要があります。ただし、これを追加しようとすると、スクリプトはマウスが .overlay div を離れたと見なし、.overlay がフェードインします。
同じ理由で、fadeOut() と fadeIn() は使用できません。
flash - Flash で動的な虫眼鏡効果を作成する方法
プロジェクトの 1 つで虫眼鏡効果を作りたかったのです。
フル フラッシュ、つまり動的なオブジェクトでも、この拡大効果が必要です。これが、大きな静止画像を使用できない理由です。
この問題を進める最善の方法を教えてください。
jquery - JQueryマウスアウトタイムアウトパート2
これは、これに続く追加の質問です。
.overlay divの下に、クリック可能にしたいコンテンツがあります。したがって、この場合、.overlayは不透明度0までフェードしますが、それでも下にあるものをカバーします。
ここで使用するfadeOut()
とfadeIn()
、.overlayが完全に消え、スクリプトは、まだ.overlayにカーソルを合わせていても、マウスを移動したと見なします。
apache-flex - フレックス カスタム コンポーネントへの効果の追加
フレックス アプリケーションがあり、実行時にアクション スクリプトを使用して新しいカスタム コンポーネントを追加したいと考えています。これはうまくいきます。カスタム コンポーネントを作成し、次のコードを追加しました。
しかし、私の問題は、フェードイン効果が機能していないことです。別のコンポーネント(パネルなど)で使用すると正常に動作するため、効果を正しく宣言したことはわかっています。誰でもこの問題で私を助けることができますか? よろしくお願いします!
javascript - Script.aculo.usイベントがRapidSuccessionで発生すると、表示エラーが発生します...?
onMouseOverイベントでscript.aculo.usEffect.Highlightを使用すると、完全に機能します。ユーザーがDIVの上にマウスを1回だけ置いた場合です。エフェクトの実行中にDIVの上にマウスを戻すと、別のエフェクトがスケジュールされます(または、かどうかに応じて並行して実行されます)。
{キュー:'終了'}
有効になっています)。
script.aculo.usには、これが発生しないようにする組み込みの方法がありますか?そのため、ユーザーのマウスが休止状態でDIVの上にある場合にのみ、DIVはそれ自体を強調表示しますか?それ以外の場合は、「resting」に復元される状態変数を保持できると思います。
afterFinish:function(obj){resting = true; }
以前にも同様の状況に気づきました。たとえば、Effect.Shakeを複数回呼び出すと、DIVがより広いフレームで揺れます。
また、この問題は、デモをすばやく連続して複数回クリックすると、デモサイトで確認できます。クリックしてデモを表示します
jquery - JQuery - 背景画像のゆっくりとした変化
背景画像がゆっくりと変化するホバーアクションを作成しようとしています。
メニュー:
いくつかの JQuery:
今、セレクター $('#head_menu a') のホバーアクションを書き込もうとしています。ホバーするときに必要に応じて bg-image をゆっくりと変更できますか?
これが私の試行コードです:
しかし、今ではメニューも表示されません。私は何を間違えましたか?また、bg-position も使用してみます。
これは bg-position を含むコードですが、理解できません。bg_menu.pngとbg_menu_hove.pngを 200px+200px の 1 つの画像にマージしました。上記のスタイルは、JQuery がなくても機能しません。
jquery - 効果のある追加を使用するjQuery
.append()
次のような効果でどのように使用できますかshow('slow')
に効果を与えることはまったく機能しappend
ていないようで、通常と同じ結果になりますshow()
。トランジションもアニメーションもありません。
あるdivを別のdivに追加して、slideDown
またはshow('slow')
に影響を与えるにはどうすればよいですか?