Home‎ > ‎WebDev‎ > ‎

BlendTrans

何かというと、IE限定で特定のイベントが起こったときに(ページをロードするとか)トランジション効果を追加できるというモノ。

DHの講義で受講生の方に、「このページだけど、どうやってこの効果をつけているの?」質問された。
http://www.wgn.co.jp/store/

左ページのメニューをクリックすると、ページの要素がフェードアウトしながら消えつつ、新しいページの要素がフェードアウトしている。

ScriptやらCSSみても、どうもそれらしいモノが見つからず、家に帰ってIEのデバッガでみてもわかんなくて。(Javascript切ってもうごいてるし) 当然のように、FireFoxだと動かない。

で、ソースをよーくみたら、こんな記述があったというわけ。
<META http-equiv="page-enter" content="BlendTrans(Duration=0.2)">
やられた。という感じではある。^^;
実際、0.2秒なのでわかりにくいが、前のページの要素を「フェードアウトしつつ」飛び先のページを「フェードインさせる」ってのは、AJAXみたいなものを使わないと難しそうだしね。

http://tomizawa-web.hp.infoseek.co.jp/transition/blendtrans.htm


Comments