問題タブ [effects]

わかりました、これは私の前の質問に続いており、単純な ajax リクエストを実行することに注意してください。リクエストが readyState 4 とステータス 200 を返すと、レスポンスを div に挿入し、うまくスライドさせます。jQuery や scriptalicious などのツールキットを使用して実行したくありません。

元の質問は次のとおりです。
ツールキットを使用せずにスライド効果を備えた Ajax

これまでのところ、すべてをうまく機能させることができました。ただし、返されたテキストが表示されてから div が展開されるという問題があります。div とテキストを一緒に展開するために必要です。

これが私のコードです

これは、返された get リクエストを div に入れるために以下を使用したために発生していると思います。

誰かがこれで私を正しい方向に向けることができますか? 私は JavaScript が特に得意ではなく、おそらくそれについて完全に間違った方向に進んでいると思われるので、どんなポインタでも素晴らしいでしょう! 前もって感謝します！

itemsChangeEffect プロパティにリンクされたエフェクト シーケンスを持つ TileList コントロールを使用しています。

結果として得られる効果はかなりきれいです。たとえば、データ プロバイダーからアイテムを削除すると、そのアイテムがぼやけ、他のアイテムが移動して空のスペースを埋めます。

ただし、私のデータ プロバイダーは、アイテムのフィルター処理に使用する ListCollectionView です。フィルター基準を設定すると、TileList からいくつかの項目が非表示になりますが、項目を削除するときのようなアニメーションはありません。アイテムがフィルタリングされたときに TileList をアニメーション化する方法はありますか?

GlowカスタムVBoxベースのコンポーネントでFlex の効果を使用して、ロールオーバー時に強調表示します。それは素晴らしいですね。しかし、アルファ0へのグラデーションを持つ長方形にしたいのですが、どうすればそれを達成できますか? いくつかのプロパティを Glow エフェクトに追加するか、何らかの方法で他のエフェクトと混合するか、または別のエフェクトを使用する必要がありますか?

コードは以下のとおりです。

フェードを行う方法や、Javascript での同様の効果を学びたいと思います。Jquery や mootools などを使用しない理由などの回答が得られることがよくあります。まあ、私は物事がどのように機能するかを学びたいのですが、これらのフレームワークを使用してもかまいません。

私は現在、DOM の変更について学んでいるので、このテーマに関する多くの記事を読みました。また、Reflow について読んだことがありますが、Repaint でクールなものは見つかりませんでしたが、検索を続けます。

ソースファイルなどを見ると、いくつかのメソッドが表示されますが、それらが作成したのか、それとも JS のコアメソッドなのかわかりません。

私の質問は、滑らかな位置の変更、不透明度による要素のフェードなど、このすべてのきちんとしたことを学ぶことができるリソースはありますか?

WPF 4のShaderEffectsとして使用される PS 3.0 シェーダーの例はどこにありますか? この件に関するチュートリアル、プレゼンテーション、リソースを探しています。

CSSで設定された背景画像（虫眼鏡のある検索バー）を使用して、入力html要素にjquery uiの「ハイライト」効果を使用しようとしています。ただし、「ハイライト」アニメーション中は背景画像が一時的に消え、ハイライト アニメーションが終了すると表示されます。アニメーション全体でイメージを維持したいと思います。何か案は？

HTML:

CSS:

スプライト内でピクセルシェーダーを使用することは可能ですか？

テスト用に、赤い色を書き込むだけの単純なピクセルシェーダーを作成しました。Sprite.DrawImage（tex、...）呼び出しをエフェクトで囲みました。Begin（...）、BeginPass（0）、およびEndPass（）、End（）ですが、シェーダーが使用されていないようです：Myテクスチャは正常に描画されます。

私は会社のWebサイトを再設計しており、jQueryやFlashなどでかなりの効果があります。これまでのところ、これを行うのにそれほど問題はありませんが、2つの小さな問題が発生し続けています。ここで人々に尋ねた後、成功しただけだったので、ここに行きます：

問題の開発ページ:(URLが削除されました）

創刊

[結果]の下の上部ナビゲーションにある緑色の矢印をクリックします。これは、メニューを右から左にスライドさせることになっています。Firefoxの場合と同じように動作しますが、IEとSafariは、ページの中央でスライド左アニメーションを開始してから、メニューを元の場所に戻します。メニュー自体はCSSに完全に配置されているので、なぜこれを行うのかわかりません。もう1つの問題は、メニューを開いて閉じようとすると（同じ色の矢印を使用して）、Firefoxの場合と同じように遷移しますが、遷移が完了すると再び表示されます。IEとSafariでは、メニューは完全に消えますが、アニメーションはページの中央から再開されます。

2番目の（sorta）問題

このスライドがうまくいくのであれば、下の灰色の矢印ボックスをクリックすると上下にスライドする下部の「バケット」にも同様の効果を適用したいと思います。現在、jQueryの.animate関数をハッキングして、最初に高さを増やし、次に次のように負のマージンを適用しています。

スライドアップトランジションを適用すると、ボックスが大きくなっていることがわかりましたが、下方向にページから外れています（オーバーフローがあります：非表示が適用されています）。現在のように、ボックスを文字通り上にスライドさせてコンテンツを表示するように指定する方法はありますか？前もって感謝します！

私はこのコードを使用しています：

$(document).ready(function() { $("#tabs").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 'slow' } }) });

FXまたはマウスオーバーのいずれかがある場合は正常に機能しますが、2つを組み合わせると、タブのコンテンツが表示され、THENがフェードインします.何かアイデアはありますか?

エフェクトを再利用しようとしています。これを実現するために、エフェクトのプロパティの一部をエフェクトのターゲットにバインドできることを期待していました。これが私がやりたかったことです：

上記のコードは、アプリケーションcreateCompleteの状態がReady状態に変化することを前提としています。

上記のコードを使った無駄な試みで、VBoxを使用して配置された3つのボタンの入り口をアニメーション化する1つのエフェクトを作成しようとしました。私は（しようとしている）2つのことを避けています：

• したがって、絶対レイアウトは手作業でコード化された座標です。コンテナを活用したい。
• エフェクトコードの重複

結果：-コンパイラはターゲットが定義されていないと文句を言います。私はその分野にアイデアの全リストを入れようとしましたが、役に立ちませんでした。私はもう試した：

• {this.target.x}
• {effectId.target.x}
• {propertyThatReturnsTheObject.x}

これはできますか？前もって感謝します。