当前位置:首页 >> 实用素材 >> 特效代码 >> 多滤镜自动切换图片代码
    
  双击自动滚屏  
多滤镜自动切换图片代码

发表日期:2009年7月15日  出处:收藏  作者:ymxj  本页面已被访问 5611 次

<html>
<head>
<title> 标题 </title>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2802" name=GENERATOR></HEAD>
<STYLE type=text/css>
.time {BEHAVIOR: url(#default#time2)}
body {overflow:hidden; overflow-y:yuto; margin:0;; border:8px ridge #3080C0;}
</STYLE>
 
<body bgcolor="#BCC2CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<TABLE height=600 cellSpacing=0 cellPadding=0 width=1024 background=背景图片 border=0 bortercolor="#000000">
<TBODY>
<TR>
<TD width="100%" height=66>
<P align=left>
</P></TD></TR></TBODY></TABLE>

<!-- // -->
<script id=code language=JavaScript>
var Ga=new Array()  <!-- // -->
Ga[0]="图片1";     
Ga[1]="图片2";
Ga[2]="图片3";
Ga[3]="图片4";     
Ga[4]="图片5";
Ga[5]="图片6";
Ga[6]="图片7";     
    
 
var hayasa=8800   <!-- // -->
var suu =1;
var iTransNumber=0;
var garTransitions = new Array(); //arrary of filter strings
garTransitions[0] = "progid:DXImageTransform.Microsoft.RandomDissolve()";
garTransitions[1] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='hide')";
garTransitions[2] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )";
garTransitions[3] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='right')";
garTransitions[4] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='hide')";
garTransitions[5] = "progid:DXImageTransform.Microsoft.Iris(irisStyle='square', motion='out')";
garTransitions[6] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )";
garTransitions[7] = "progid:DXImageTransform.Microsoft.Barn(orientation='vertial' motion='in')";
garTransitions[8] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='hide')";
garTransitions[9] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='left')";
garTransitions[10] = "progid:DXImageTransform.Microsoft.Barn(orientation='horizontal' motion='out')";
garTransitions[11] = "progid:DXImageTransform.Microsoft.Pixelate()";
garTransitions[12] = "progid:DXImageTransform.Microsoft.Inset()";
garTransitions[13] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='left')";
garTransitions[14] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='right')";
garTransitions[15] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='down')";
garTransitions[16] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction='up')";
garTransitions[17] = "progid:DXImageTransform.Microsoft.RandomBars(motion='horizontal')";
garTransitions[18] = "progid:DXImageTransform.Microsoft.RandomBars(motion='vertical')";
garTransitions[19] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slideStyle='push')";
garTransitions[20] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='swap')";
garTransitions[21] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle='hide')";
garTransitions[22] = "progid:DXImageTransform.Microsoft.Spiral()";
garTransitions[23] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='push')";
garTransitions[24] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle='pop')";
garTransitions[25] = "progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)";
garTransitions[26] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )";
garTransitions[27] = "progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)";
garTransitions[28] = "progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)";
var kirikaeGa=new Array()
for (kazu=0;kazu<Ga.length;kazu++){
kirikaeGa[kazu]=new Image()
kirikaeGa[kazu].src=Ga[kazu]}
function kirikae(){
if (window.createPopup)
rittai.style.filter = garTransitions[iTransNumber];
iTransNumber++;
if(iTransNumber==garTransitions.length)
iTransNumber=0;
if (window.createPopup)
rittai.filters[0].apply();
document.images.rittai.src=kirikaeGa[suu].src;
if (window.createPopup)
rittai.filters[0].play()
suu++
if (suu==kirikaeGa.length)
suu=0;
setTimeout("kirikae()",hayasa)
}
window.onload=new Function("setTimeout('kirikae()',hayasa)")
</script>
<center><img src="图片1" name="rittai" width=670 height=550 border=0 style="top:18px;position:absolute;left:20px; filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='POP')"> 
</center>
<!-- // -->
<!-- End ImageReady Slices -->
 
 
<!--音乐-->
<EMBED style="FILTER: invert(); WIDTH: 0px; HEIGHT: 0px" src=音乐地址 type=audio/x-ms-wma autostart="true" loop="-1" volume="0">
 
<script language="JavaScript"> 
<!-- 
var text="    作者签名   " 
var speed=50 
var x=0 
function bb(){var a=text.substring(0,x) 
var b=text.substring(x,x+1).toUpperCase() 
var c=text.substring(x+1,text.length) 
window.status=a+b+c 
if(x==text.length){x=0 
}else{x++}setTimeout("bb()",speed) 
}bb();//--> 
</script>
</BODY>
</HTML>
 
 
(说明:“多滤镜自动切换图片代码”是每个图片显示时,使用一种滤镜。在这个代码中,使用十来种滤镜,给人看了后不会感觉到重复。很适宜做小图。当然,也可做成大图特效,就是打开慢些。但无伤大雅的。喜欢的朋友可自由发挥,祝朋友们成功!
 
       上面的红色字是小图的尺寸,兰色字是小图在帖中的位置。按自己的要求修改这数字就可。)
 
    


  双击自动滚屏  
  相关评论:    

 没有相关评论

  发表评论:    

用 户 名:
电子邮件:
评论内容:
(最多评论字数:500)

心缘之梦 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 |

联系人:“心缘之梦”微信群yueyuanzhongqiu20080815