問題タブ [fading]

奇妙な問題が発生しました。画像をフェードさせたいのです。コードは機能しますが、少なくとも最新の Firefox では、フェード効果がおかしいように見えます。しかし、他のサイト (Web 上) では、同じブラウザーで問題なく動作するようです。OK、これが私のコードです：

HTML:

CSS:

Javascript:

したがって、このセットアップは非常に簡単です。2 つの div があり、どちらも絶対位置に配置されています。クラス「firstpic」の div は、クラス「fade」の div の中にあります。どちらも 1 つの img 要素を含んでいます。クラス "firstpic" を持つ div は、デフォルトでは非表示 (CSS を参照) であるため、フェードインできます。フェードインは、ボタンを押すことによってトリガーされます (Javascript を参照)。しかし、きれいにフェードインする代わりに、黒い背景でフェードインします。「img」要素が原因である可能性があると思います。css-background イメージで 2 つの div を使用すると、うまくフェードします。ただし、画像のサイズを変更する必要があるため、img-Elements が必要です。どんな助けでも本当に感謝しています。ありがとう。

ブラウザ全体に広がるフェード バックグラウンド イメージを作成する必要があります。次のコードは、IE8 以下を除くすべてのブラウザーで完全に機能します。IE8の問題は、フェードするがストレッチしない、またはストレッチするがフェードしない-両方を同時にではないということです。

ジャバスクリプト

これは、IE8（およびそれ以下）でストレッチするために追加した行ですが、フェード機能が壊れています。IE8 が「background-size」をサポートしていれば素晴らしいことですが、サポートしていません。

CSS/HTML

IE8 で背景画像を引き伸ばしたりフェードしたりする解決策があることを願っています。ソリューションが IE8 でのみ機能し、IE7 以下では機能しない場合は問題ありません。IE8以降は、現時点で私の唯一の関心事です。前もって感謝します！

したがって、現在のプロジェクトでは、方向が垂直に設定された LinearLayout があります。実行時に、プログラムによってビューがレイアウトに追加されます。レイアウトのコンテンツが単に途切れるのではなく、一番下でフェードアウト (トレイル オフ) したいと考えています。fadingEdge を調べましたが、fadingEdge と fadingEdgeLength の設定をどのように変更しても、ビューの外観に変化はないようです。

情報：

• Eclipse レイアウト エディターでの作業
• カスタム テーマの使用 (HoloEverywhere)
• ターゲットは 4.0.3 ですが、minSdkVersion は 8 です (Android 互換性と sherlockactivitybar を使用しています)

前もって感謝します！

fadeoutユーザーがリンクをクリックすると、div(ページの中央)の現在のコンテンツと新しいページのコンテンツが表示されるようにサイドメニューを作成しようとしていますfadeIn。このメソッドを作成しました:

ただし、効果は期待どおりではありません。この方法を強化する方法を知っている人はいますか? fadeout背景ページとfadeIn新しいコンテンツに現在のコンテンツを期待していました。
しかし、現在のコンテンツは消えるだけです

私のhtmlコード:

クリックしたリンクが iframe 内にフェード効果で読み込まれるメニューを作成していますが、古いコンテンツは消え、新しいコンテンツは読み込み中に点滅します。誰も問題を解決する方法を知っていますか?

JavaScript コード:

content は iframe の ID です。

私はウェブサイトを持っており、メインページに写真のスライドショーがあります。写真を削除する前に、その後ろに次の写真を書き込んでから削除します。写真を削除する前に、フェード効果を追加する方法を知りたいと思いました。私のウェブサイトはguyzyl.orgなので、私が話していることを確認できます。また、Jqueryの使い方がわからないので、その解決策を提供しないでください。助けてくれてありがとう。ガイZ。

私はJQueryの初心者です（ただし、JSと他の言語でのプログラミングについてはある程度の知識があります）
。2つの目的があります。

1. 非常に単純なタブ（またはコントロール用のもの）、クリックすると古い（アクティブな）タブコンテンツがフェードアウトし、次にクリックしたタブコンテンツがフェードイン（同じ場所）
2. 1と同じですが、フェードの代わりに水平方向のコンテンツスライドがあります。JQuery UIは必要ありません。これは、この種の単純なものにはやり過ぎであり、学びたいからです。

目的1、JS：

HTML：

$("div.tabs > div")infadeOutとinの行ですべてのdivを突く代わりに、アクティブなdivを見つける方法はfadeIn？

Aim2：
読んだslideUpのslideDownですが、それは垂直です。おそらく使用する必要がありますanimate()か？
どのように？それが垂直スライドで私にとって良いよりも複雑すぎる場合...

宿題をしていると、使用している CSS トランジション効果などを使用できないようdisplay:none;ですdisplay:inline;。

CSSドロップダウンメニューにカーソルを合わせたときにフェードインとフェードアウトを追加して、見栄えを良くしたいと考えています。私が発見したように、表示要素を使用する場合、これは不可能です。

CSS から削除しようとしdisplayましたが、これを行うと要素がそこにあり (表示されていないにもかかわらず)、マウスを合わせるとフェードインします。「pointer-events:none;」を追加する提案を読みました。これにはクロスブラウザ互換性がありません。また、マウスを再度上に置くと、フェード要素がちらつきます。

また、CSS キーフレーム アニメーションの提案を使用して、表示要素の使用中にフェードインしましたが、マウスが離れたときにこれをフェードアウトさせることができませんでした。:(

多くのウェブサイトで見たことがあるので、これが可能であることは知っていますが、私の場合は正しく機能させることができません.

これが私のコードです：

http://pastebin.com/zVQapUNz

私は、ナビゲーション内のすべてがホバーされている要素以外が0.3の不透明度でフェードアウトする、フェードナビゲーションシステムを実現しようとしています。

同時に、クリックされた要素 (またはこの場合はアクティブなサブページ) がフェードアウトしないように、クリックの「値」を大きくしたいと考えています。私が持っているコードを投稿するだけです。

そして、それを輝かせるスクリプト：

そしてクラス/ css(less):

.inactive{color:@color2; border-bottom:0 solid #000;}

.active{color:@color1; border-bottom:1px ソリッド #000;}

nav#main ul li a{color:@color1;}

基本的に、ホバー状態はクリックよりも優先されますが、これは発生したくありません。

理想的には、すべてのアンカー要素を保持している順序付けられていないリストからマウスオーバーすると、すべてのアンカー要素が元の状態に戻るようにしたいと考えています。誰かがこれについていくつかの指針を持っているなら、それは大歓迎です。乾杯！

編集: Christian Varga への返信 - ご指摘の点はわかりますが、私がやろうとしていることは次のとおりです。

デフォルトの状態: 不透明度 1

ホバー状態: 不透明度 0.3 (ホバーされた要素を除くすべての要素で、ホバーされた要素は不透明度 1 のままです)

Clicked(Active) State : Opacity 1 (他のリンクがクリックされた要素の前述の不透明度をオーバーライドしない場合)。

Mouseout (コンテナから) : リンクがクリックされていない (アクティブな) 場合を除いて、すべての不透明度 1 です。

元の説明をお詫びします。

現時点では、 の割合でコンポーネントをフェード イン/アウトしてい0.1 alpha/secondます。を使用するオンラインの例をいくつか読みました0.03 alpha/second。コンポーネントがフェードイン/フェードアウトする標準レートはありますか? 標準的なトランジション アニメーション レートはありますか?