转换滤镜

作者:feichih 来源:nkjc.to/e132 添加时间:2006-5-21 10:13:01
  在HTML中... 
IE对于网页的转换有一个性质可以设定... 
是使用<meta>卷标... 
语法是: 
<meta http-equiv="事件种类" content="revealtrans(doration=秒数,transition=效果代码)"> 
不过也只能使用再网页转换时.... 
在CSS中... 
可以利用CSS样式的设定,再加上一点script的运用... 
可以使对象在同一个网页上... 
做出转换的动作... 
转换滤镜的语法如下: 
filter:blendtrans(duration=转换秒数) 
filter:revealtrans(duration=转换秒数,trnasition=转换类型) 
第一种方式只是会将两张图以混合的方式转换.. 
而第二种则像<meta>的方式一样... 
转换的效果有23种,两者的效果代码都一样.. 
0盒状收缩 
1盒状放射 
2圆形收缩 
3圆形放射 
4由下向上飞入 
5由上向下飞入 
6由左向又飞入 
7由又向左飞入 
8垂直百叶窗 
9水平百叶窗 
10横向棋盘 
11纵向棋盘 
12溶解 
13由左右向中间飞入 
14由中央向左右飞入 
15由上下向中央飞入 
16由中央向上下飞入 
17由右上向左下飞入 
18由右下向左上飞入 
19由左上向右下飞入 
20由左下向右上飞入 
21随机水平线 
22随机垂直线 
23随机选用上例方式 
套用转换滤镜得方法和CSS的套入方法一样...... 
至于script方面使用: 
apply,play,stop三个方法来进行转换... 
举个实际例子: 
<HTML> 
<HEAD><TITLE></TITLE> 
<SCRIPT language="VBScript"> 
Sub run() 
show.filters.blendTrans.Apply() 
show.src="/edu/files/pic/2006-5/21/0652110130048367.gif" 

CSS对于HTML的延伸规格大致就是我所POST的这些.... 
可能会有一些没有提到啦.. 
有兴趣的网友可以到w3c的网站看看... 
网址是http://www.w3c.org/style 

站内搜索