📄 allfilter.htm
字号:
<HTML>
<HEAD>
<TITLE>滤镜</TITLE>
<style>
.30pt{font-family:汉鼎繁淡古;color:#ce288c;font-size:30pt}
</style>
<SCRIPT language=JavaScript>
// 属性设置
var E_strIFaderTransType = 'reveal'; // 'reveal' | 'blend'
var Filter_number = 23; // 滤镜种数
var change_time = 3.000; // 滤镜转换过程为3.0秒延迟
var wait_time = 5000; // 两种滤镜之间为5秒延迟
var obj_Timer;
var count_temp = 0; //记录当前是第几幅图片
var Img_arry = new Array(); //图片数组
var E_ie4 = document.all?true:false;
var E_nn4 = document.layers?true:false;
function Filt_set() //设置滤镜
{
if(!E_ie4 && !E_nn4) return;
if(E_ie4) {
var theImg = document.all['idImgFading'];
if(theImg == null) return;
with(document.all['idImgFading']) {
style.filter = (E_strIFaderTransType == 'reveal')?'revealTrans':'blendTrans';
style.filter.duration = change_time;
style.filter.transition = Filter_number;
}
}
obj_Timer = window.setInterval('use_Filter()',wait_time);
}
function use_Filter() //滤镜的启动
{
if(E_ie4) {
with(document.all['idImgFading']) {
if(E_strIFaderTransType == 'reveal') {
filters(0).transition = Filter_number;
}
if(count_temp == (Img_arry.length - 1)) {
count_temp = -1;
}
count_temp++;
title = Img_arry[count_temp].sAlt;
filters(0).apply();
src = Img_arry[count_temp].sImgUrl;
filters(0).play();
}
}
else if(E_nn4) {
if(count_temp == (Img_arry.length - 1)) {
count_temp = -1;
}
count_temp++;
document.images['idImgFading'].src = Img_arry[count_temp].sImgUrl;
}
}
function obj_ClearTime() {
window.clearInterval(obj_Timer);
}
window.onunload = obj_ClearTime;//取消计时器，释放系统资源
function Img_obj(sImgUrl,command,sAlt,sTarget)
{
this.sImgUrl = (sImgUrl == null)?'':sImgUrl;
this.command = (command == null || command == '')?'http://www.fanso.com':command;
this.sAlt = (sAlt == null)?'':sAlt;
this.sTarget = (sTarget == null || sTarget == '')?'_self':sTarget;
}
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
// 定义图像来源
Img_arry[0] = new Img_obj('flower1.gif','#','\n','_self');//将"#"换成所需的链接地址
Img_arry[1] = new Img_obj('flower2.gif','#','\n','_self');
Img_arry[2] = new Img_obj('flower3.gif','#','\n','_self');
//-->
</SCRIPT>
<LINK href="FanSo --- 化云坊 -- 环球影苑.files/index.css" rel=stylesheet>
</HEAD>
<BODY >
<font class=30pt>
<center>滤镜特效</center>
看下面图片之间的转换过程。<br>
滤镜的使用让页面能很平缓地在图和文字之间转换.<br> 图片可以任意添加，而且每幅图都可做不同的链接。
</font>
<br><br><br>
<center>
<A href="#">
<IMG hspace=0 src="flower1.gif" width=400 height=300 border=0 name=idImgFading>
</A>
</center>
<SCRIPT language=JavaScript>Filt_set();</SCRIPT>
</BODY></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -