ページコンテンツをスムーズに変更する

IEで読者が一時的にnoを開いた場合、統計に基づいて、疑わしいのですが、ページを切り替えるとおそらくスムーズな効果に気づいたでしょう。

この手法はIEでのみ機能するという事実にもかかわらず、このような移行がどのように行われるかを知る価値があります。


このような効果を一時的に達成するために、次のメタタグは挿入されません。
  <meta http-equiv = "Page-Exit" content = "progid:DXImageTransform.Microsoft.Fade(duration = .5)" /> 

一般的に、エフェクトをトリガーできるイベントには、ページを開くこととページを離れることの2つがあります。
対応するメタタグは次のようになります。
 <meta http-equiv = "Page-Enter" content = conversion filter>
 <meta http-equiv = "Page-Exit" content = conversion filter> 

教育プログラム

  1. Page-Enter 、ページを開くときに適用するフィルターを決定します。
  2. Page-Exitは、ページを離れるときに適用するフィルターを決定します。
  3. _は、パラメータを持つフィルターの1つです。 フィルタの完全なリストはmsdnにあります。
  4. ( );
    このようなメタタグはIEでのみ機能します。
    Page-EnterPage-Exit両方を挿入する必要はありません。 両方できますが、できるのは1つだけです。 何を達成したいかによります。
    外部cssファイルへのリンクは、メタタグの後に定義する必要があります。 通常、メタタグは開始タグの直後に挿入するのが最適です。

    可能なフィルター


    症状(フェード)blendTrans(期間= 1)
    テーパーブロック(ボックスイン)明らかにトランス(期間= 1、遷移= 0)
    拡張ボックス(ボックスアウト)明らかなトランス(期間= 1、遷移= 1)
    テーパーサークル(サークルイン)明らかにトランス(期間= 1、遷移= 2)
    拡大円(サークルアウト)明らかにトランス(期間= 1、遷移= 3)
    下から開く(ワイプアップ)明らかにトランス(期間= 1、遷移= 4)
    水平マルチブロック開口部(Horizo​​ntal Checkerboard)明らかにトランス(期間= 1、遷移= 10)
    垂直マルチブロック開口部(垂直チェッカーボード)renameTrans(期間= 1、遷移= 11)
    斜めの開口部(ストリップ)明らかにトランス(期間= 1、遷移= 20)
    カーテン(納屋)明らかにトランス(期間= 1、遷移= 14)
    溶解(溶解)明らかにトランス(期間= 1、遷移= 12)

    ここでは、その外観を確認できます。

    追加のDirectXフィルター


    ピクセレートprogid:DXImageTransform.Microsoft.Pixelate(期間= 3)
    GradientWipeprogid:DXImageTransform.Microsoft.gradientWipe(期間= 1)
    スパイラルprogid:DXImageTransform.Microsoft.Spiral(期間= 3、GridSizeX = 205、GridSizeY = 205)
    ホイールprogid:DXImageTransform.Microsoft.Wheel(期間= 3、スポーク= 10)
    ラジアルワイプprogid:DXImageTransform.Microsoft.RadialWipe(期間= 3)
    アイリスprogid:DXImageTransform.Microsoft.Iris(期間= 3)

    もっと


    これらの追加のメタタグに興味があるかもしれません:
     <meta http-equiv = "Site-Enter" content = transitionFilter>
     <meta http-equiv = "Site-Exit" content = transitionFilter>
    

    おわりに


    このような遷移を賢明に使用する必要があることに注意してください。 一見すると非常に魅力的ですが、不当に使用すると非常に迷惑になります。 移行期間に大きな値を使用したり、1つのサイトに異なるフィルターを使用することはお勧めしません。

    それでも、リソースに魅力とユニークさを追加することを禁止する人はいません。 頑張って

    トピックへのリンク



    vremenno.netでも同じ

Source: https://habr.com/ru/post/J29374/


All Articles