問題タブ [fadeto]
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 - FadeTo を使用した FF での jQuery の奇妙な動作
ご挨拶。
Web サイトの jQuery で奇妙な問題が発生しています。
誰もが光沢のあるものを手に入れることができるように、ボタンの Webkit トランジションをエミュレートしようとしています。そして、グーグル検索から予測したように、それは王室の苦痛です.
したがって、Web サイト ( http://thechimeraproject.x10.mx ) で問題が確認できます。それはゆっくりと光るはずのボタンにあります。Chrome で開いた場合、必要なブラウザー固有のものは、非常に貧弱に書かれていますが、私は js を勉強しているので... 3 日目は機能しているので、webkit の効果が始まります。光沢があります。
IEでも同じことを行いますが、明らかにPNGの透明度の問題を除いて、同じことを行います.FFが機能すると、それに到達します.
FFを開くと、余分な効果があり、ちょっと役に立たない. それを開いてマウスを実際のページから離すと、グレーが表示されます。ページ内にマウスを置くと、ページ全体がフェード インします。ホバーボタンのdivがどうあるべきかをやっています。スクリプトは、影響を受ける div をクラス「不透明度」に設定することで機能するため、nav div からそのクラスを削除して、そのページの何もクラスとして「不透明度」を持たないようにしました。(this) を ('.opacity') に置き換えても、同じことが行われます。
大きな疑問: なぜ? ところで、はい、すべてが大混乱で、書き方が悪いです。私は JavaScript ではなく C プログラミングを使用したので、多くのことをコピーして貼り付け、基本的なプログラミング ロジック (および運) を使用して作業を進めます。コーディングに関するヒントがあればありがたいのですが、そこから始めると膨大なリストを作成することになります。
実際のコードは 118 行目 (フェードを作成するコード) にあります。
jquery - Jqueryで.cssを使用して背景画像を変更しながらフェードイン効果を追加する方法
こんにちは、Jquery で .css を使用して背景画像を変更しているときにフェードイン効果を追加しようとしています
CSS の背景画像を変更するためのコードは、ここでは非常に単純です。
それはイメージ ギャラリーのようなものです。CSS の背景イメージで表示するだけですべて正常に動作しますが、フェードインまたはフェード トゥ効果を追加できるかどうか疑問に思っていました。
jquery - jQueryのfadeOutが機能しない
動作しません:(しかし、fadeToの代わりにfateOutを指定すると、動作します!では、どのように動作させるのですか?HTML構造は次のようになります。
IE9とChromeでテストしました。
jquery - jQuery .fadeTo()、メニュー内のアクティブでないリンクをフェードする方法は?
不透明度1.0のホバー状態のリンクのみを作成したいulliメニューがあり、他のものは0.5などに設定されます。したがって、マウスがリンク上にあるたびに、その不透明度 1.0 が維持され、他のリンクの不透明度は 0.5 に変更されます。jQuery で!:focus、! : hoverまたは !:active に何らかのリンクがありますか? blur()があることがわかりますが、フォーカスを失ったものではなく、アクティブでないものが必要なため、ケースに適合しないと思います。
--編集済み-- .not() の代わりに :not() を使用するとうまく機能します。だからこれは働いています:
jquery - jQueryの不透明度とfadeTo(); IE8で
このビットは動作しません:
だから私はこれをテストしました:
IE8 では成功しません :/ (IE7 + Chrom + FF + Safari すべて問題ありません - js のデバッグはすべて問題ありません...)
だから私はグーグルに行き、問題を検索してこれを試しました:
そしてこれ(CSS ...):
IE8 ではまだ成功していません。
更新:これは機能するように縫い合わせています:
だから画像の問題
更新: DOM 要素 -> $(this) が参照
jquery - 複数回発生するjQueryフェージング効果
フッターにフェード効果を適用する簡単な jQuery スクリプトを作成しようとしています。マウスオーバー イベントでは不透明度 = 1 でフェードインし、マウス アウト イベントでは不透明度 0.01 でフェードアウトします。親divにこの効果を適用しました。問題は、子要素の上にマウスを移動するたびに、イベントがトリガーされ、div が複数回点滅することです。どうすればそれを止めることができますか? 親 div 内でマウスを移動したときではなく、親 div にカーソルを合わせたときに mouseover および mouseout イベントをトリガーしたい。
状況はこちら
事前に助けてくれてありがとう... :)
jquery - IEのjQueryfadeToバグのバリエーション
昨日読んだ記事に触発されて、コナミコマンドで誘発されたイースターエッグをポートフォリオのウェブサイトに追加しようと努力しています。最初は少し楽しかったですが、IEが関与する場合のように、一見非常に単純なタスクが何か悲惨なものになりました。
優れたjqPuzzleプラグインを使用すると、ユーザーがコードを入力すると、ページコンテンツがフェードアウトし、以前は表示されていなかったインタラクティブなスライダーパズルに置き換えられます。私が使用しているプラグインは、クラス値を介してページ上の画像に適用されます。ここで注意が必要になります:(おそらく)プラグインの読み込みに時間がかかるため、またプラグインは画像が表示されている場合にのみ読み込まれるため、次のjQueryを組み合わせて、最初に画像を非表示にし、フェードしますプラグインにロードする機会を与えてから、画像を再びフェードアウトするために、いつの間にかそれを行います。
残念ながら、この小さな回避策はFirefoxとChromeで非常にうまく機能しますが、IE 7と8はフェードの指示を無視し、しばらくしてから削除する前に、画像を完全に不透明にしてドロップします。腹立たしい!
IEをパズルのフェードに誘導する方法について誰かが私にガイダンスを提供できますか?
あるいは、スライダーJSを「目に見えないように」ロードするためのより良い方法はありますか?
jquery - 1つのdivをトリガーする2つの要素のjQuery FadeTo
おそらく簡単な質問があります: /コード: http://jsfiddle.net/FZufj/8/ /
フェード メニューの簡単なコードがあります。
メニューと「メニューボタン」の両方にマウスオーバーした後にメニューをフェードさせたい難しいことではありませんが、マウスがメニューからメニューボタンに移動したときにフェード効果を無効にする方法がわかりません
メニューからマウスを移動した後、メニューをフェードアウトさせたい。
私がjQueryの初心者であることを理解していただければ幸いです。
ありがとう
jquery - jQueryのfadeToコールバックが明確な理由なしにループしている
以下のコードは機能しますが、何らかの理由で$('#chart')。fadeToコールバックが本当に奇妙なループを作成しているようです。
基本的に、私は全体的な統計を示すグラフをプロットしています。ユーザーはグラフ化して見たいサブセットを選択でき、コードは同じdivにグラフを再描画します。この詳細ビューでは、ユーザーが全体ビューに戻ることができるボタンを表示します。
このコードは一度は正常に機能します(全体的なグラフから詳細なグラフに移動し、全体的なグラフに戻ります)。2回目は、3番目のステップに到達すると、チャート全体をフェードインし、再びフェードアウトし、フェードインします。3回目は、これを3回行います。4回目、4回。など、このようなループを作成するものが何であるかわかりません!
$('#chart')。fadeTo(400,1);を移動してみました。コールバック内では、チャート全体が表示されるまでに2倍(または3倍または4倍)長くかかることになります。このコードに何か問題がありますか、それともshowFullChartで何かを台無しにした可能性がありますか?
jquery - jQuery slideTo トグル開始フェード
jQuery を使用して、ボタンのクリック時に要素の不透明度を 0.3 と 1.0 の間で切り替えたいと考えています。
私が抱えている問題は、不透明度0.3で要素を開始し、最初のクリックで不透明度1.0で完全に見えるようにすることです。私が試したコードは以下のとおりです。
「div.trigger」をクリックしてもフェードアップせず、もう一度クリックするとさらに0.3ずつフェードアップ!3 回目にクリックすると、最初の 0.3 にフェードします。
要素を 0.3 で開始し、最初のクリックで完全に表示 (1.0) に戻すにはどうすればよいですか? ここで何が起こっているのですか?