HOME  >>>  HTML整理ノート  >>> DHTML -- 基本編   応用編

revealTransition効果の一覧
























pho_003.gif (39314 バイト)

Sample Source......................................................................>>>

<style TYPE="text/css"><!--    //各ボタンのスタイルを設定
    button {color:blue;font:bold 12 'Times New Roman' }
--></style>
<script language="JavaScript"><!--
function Tran(n){
    pic.style.visibility = "hidden";//画像を消す
    r = n;
    setTimeout("Start(r)",100);//0.1秒後に効果を適用
}
function Start(w){
    pic.filters["revealTrans"].transition= w;
    pic.filters["revealTrans"].Apply();
    pic.style.visibility = "visible";
    pic.filters["revealTrans"].Play();
}
//--></script>
</head>

<body>
<table border="0" cellpadding="3">
<tr><td>
<button onclick="Tran(0);">Box In (ID=0)</button><br>
<button onclick="Tran(1);">Box Out (ID=1)</button><br>
<button onclick="Tran(2);">Circle In (ID=2)</button><br>
<button onclick="Tran(3);">Circle Out (ID=3)</button><br>
<button onclick="Tran(4);">Wipe Up (ID=4)</button><br>
<button onclick="Tran(5);">Wipe Down (ID=5)</button><br>
<button onclick="Tran(6);">Wipe Right (ID=6)</button><br>
<button onclick="Tran(7);">Wipe Left (ID=7)</button><br>
<button onclick="Tran(8);">Vertical Blinds (ID=8)</button><br>
<button onclick="Tran(9);">Horizontal Blinds (ID=9)</button><br>
<button onclick="Tran(10);">Checkerboard Across(ID=10)</button><br>
<button onclick="Tran(11);">Checkerboard Down (ID=11)</button><br>
<button onclick="Tran(12);">Random Dissolve (ID=12)</button><br>
<button onclick="Tran(13);">Split Vertical In (ID=13)</button><br>
<button onclick="Tran(14);">Split Vertical Out (ID=14)</button><br>
<button onclick="Tran(15);">Split Horizontal In (ID=15)</button>
</td><td>
<button onclick="Tran(16);">Split Horizontal Out (ID=16)</button><br>
<button onclick="Tran(17);">Strips Left Down (ID=17)</button><br>
<button onclick="Tran(18);">Strips Left Up (ID=18)</button><br>
<button onclick="Tran(19);">Strips Right Down (ID=19)</button><br>
<button onclick="Tran(20);">Strips Right Up (ID=20)</button><br>
<button onclick="Tran(21);">Random Bars Horizontal (ID=21)</button><br>
<button onclick="Tran(22);">Random Bars Vertical (ID=22)</button><br>
<button onclick="Tran(23);">Random (ID=23)</button><br>

<img id="pic" src="../../java/jadata/pho_003.gif"
    style="filter:revealTrans(Duration=1.8, Transition=11)"
    width="256" height="192">
</td></tr>
</table>


end(最終更新:12/11/16)