トランジションさせる方法(2)

ホーム > DHTML > トランジションさせる方法(2)

■説明

　HTML+TIMEによって、左→右・上→下へトランジションさせることが出来ます。

　JavaScript等のスクリプトを使わずに、簡単にインタラクティブな機能が使えるようになりました。タイムコントロールやそれがHTML+TIME (Timed Interactive Multimedia Extensions)です。IE独自の機能としてIE5から利用可能となりました。Microsoft社が中心となって策定し、Macromedia社などと共同でW3Cに提案したもので、IE5にHTML+TIME 1.0が、IE5.5以降に2.0が実装されています。
　※･･･Macではサポートされていません。

■ソース

■ソース説明

t:transitionfilter
ソースで使用しているt:transitionfilter要素の属性を説明します。
Type	Subtype	説明
starWipe	fivePoint	fivePointは、星型にトランジションします。fivePointは必ず指定して下さい。
barWipe	leftToRight, topToBottom	leftToRightは、左→右へとトランジションします。 topToBottomは、上→下へトランジションします。
barnDoorWipe	vertical, horizontal	verticalは、中心から左右にドアを開くようにトランジションします。 horizontalは、中心から上下にドアを開くようにトランジションします。
irisWipe	rectangle, diamond	rectangleは、中心から正方形型にトランジションします。 diamondは、中心からダイヤモンド型にトランジションします。
ellipseWipe	circle	circleは、中心から円形型にトランジションします。
clockWipe	clockwiseTwelve	clockwiseTwelveは、時計のようにトランジションします。
fanWipe	centerTop	centerTopは、ワイプのように上からトランジションします。
snakeWipe	topLeftHorizontal	topLeftHorizontalは、左上からヘビのようにトランジションします。
spiralWipe	topLeftClockwise	topLeftClockwiseは、左上から中心に向かってワイプするようにトランジションします。
pushWipe	fromLeft	fromLeftは、右から左へワイプするようにトランジションします。
slideWipe	fromLeft	fromLeftは、右から左へスライドするようにトランジションします。
fade	crossfade	crossfadeは、徐々にフェードインするようにトランジションします。

■実行例

実行例

■対応ブラウザ

トランジションさせる方法(2)
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	×	×	×	●	×	×	×	×	×

[ホーム] [DHTML] [↑ページ最上部へ戻る]

Webマスター、HP作成のプロとして活躍したい方は見てください。
ホームページの開設数が増加し、Web業界や一般企業でWebマスターが急激に求められています。Webマスターの絶対数の不足している今が、技能習得の絶好のチャンスです。