RevealTrans() 滤镜效果与编号对照参考
兼容模式浏览
基本代码:
<script>
function doFilter ()
{
filterFrom.filters.item(0).Apply();
// 12 是溶解滤镜效果.
filterFrom.filters.item(0).Transition=12;
imageFrom.style.visibility = "";
filterTo.style.visibility = "hidden";
// 2 是变化时间.
filterFrom.filters.item(0).play(2);
}
</script>
<button onclick="doFilter()" style="CURSOR:hand;POSITION: absolute;left:10;
top:30; width: 140; height: 25">点击演示</button>
<div id="filterFrom" style="FILTER: revealTrans(); WIDTH: 500px;
POSITION: absolute; HEIGHT: 333px; BACKGROUND-COLOR: white;
left:10px; top:72px" onclick="doFilter()">
<img id="imageFrom" style="LEFT: 0; POSITION: absolute; TOP:
0" src="http://image.hnol.net/200504/dysr/html/8405.jpg" width="500"
height="333">
<div id="filterTo" style="LEFT: 0px; WIDTH: 500px; POSITION:
absolute; TOP: 0px; HEIGHT: 333px">
<img src="http://image.hnol.net/200504/dysr/html/City_Night_Scene.jpg"
width="500" height="333">
</div>
</div>
|