代码说明:
蓝色字体为说明文字,请按照说明操作
红色字体为照片的地址,请换成你想要的图片地址
绿色数字可以更改
黑色字体您就照搬吧(熟悉之后变化类型那一块也可以根据自己的喜好变化了)
您可以将以下代码复制到记事本里,保存为html格式后再打开,就可以再浏览器里看到效果了!
<以下便是代码:>
<HTML>
<HEAD>
<TITLE>图片特效篇--图片连续消隐</TITLE>
</HEAD>
<BODY bgcolor="#fef4d2" >
<!-- 案例代码1开始 -->
<script id=code language=Javascript>
var Ga=new Array()
<!-- //定义一个变量数组Ga -->
<!-- // 设置要显示的图片地址,有几张就设几个,改变下标0,1,2等等,我这里设了5张;后面则是上传图片的地址-->
Ga[0]="http://www.muqin.com.cn/upload/forum/2005122721595878.jpg";
Ga[1]="http://www.muqin.com.cn/upload/forum/2005122721592829.jpg";
Ga[2]="http://www.muqin.com.cn/upload/forum/2005122721581321.jpg";
Ga[3]="http://www.muqin.com.cn/upload/forum/2005122722002984.jpg";
Ga[4]="http://www.muqin.com.cn/upload/forum/2005122807031276.jpg";
Ga[5]="http://www.muqin.com.cn/upload/forum/2005122721573549.jpg";
var hayasa=3000 <!-- //两个图片之间延迟时间,3000等于3秒 -->
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.Iris(irisStyle=''''star'''', motion=''''out'''')";
garTransitions[2] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=''''diamond'''', motion=''''in'''')";
garTransitions[3] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=''''cross'''', motion=''''out'''')";
garTransitions[4] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=''''circle'''', motion=''''in'''')";
garTransitions[5] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=''''square'''', motion=''''out'''')";
garTransitions[6] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=''''plus'''', motion=''''in'''')";
garTransitions[7] = "progid:DXImageTransform.Microsoft.Barn(orientation=''''vertial'''' motion=''''in'''')";
garTransitions[8] = "progid:DXImageTransform.Microsoft.Barn(orientation=''''vertial'''' motion=''''out'''')";
garTransitions[9] = "progid:DXImageTransform.Microsoft.Barn(orientation=''''horizontal'''' motion=''''in'''')";
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="http://www.muqin.com.cn/upload/forum/2005122721595878.jpg" name="rittai" width=750 height=375 border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=''''POP'''')">
</center>
<!-- //显示图片的方式,src=后面一般是第一张图片,宽度,高度位置都可以按html方法去设置 -->
</HTML>