28种JS图片特效

<HTML>
<HEAD>
<TITLE>文本特效篇--文本连续消隐</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" >

<!-- 案例代码1开始 -->

<script id=code language=JavaScript>

var Ga=new Array()  <!-- //定义一个变量数组Ga -->
Ga[0]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084676.jpg";      <!-- // 设置要显示的图片地址,有几张就

试几个,改变下标0,1,2等等,后面则是上传图片的地址-->
Ga[1]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084675.jpg";
Ga[2]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084674.jpg";
Ga[3]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084673.jpg";
Ga[4]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084672.jpg";
Ga[5]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084671.jpg";
Ga[6]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084670.jpg";
Ga[7]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052379.jpg";
Ga[8]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052378.jpg";
Ga[9]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052377.jpg";
Ga[10]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052376.jpg";
Ga[11]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052375.jpg";
Ga[12]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052374.jpg";
Ga[13]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052373.jpg";
Ga[14]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052372.jpg";
Ga[15]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052371.jpg";
Ga[16]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290052370.jpg";
Ga[17]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290036071.jpg";
Ga[18]="http://img013.photo.wangyou.com/2004/6/13/4197/200511290036070.jpg";


var hayasa=4000   <!-- //两个图片之间延迟时间,4000等于4秒 -->
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.οnlοad=new Function("setTimeout('kirikae()',hayasa)")

</script>
<center><img src="http://img013.photo.wangyou.com/2004/6/13/4197/200511290084676.jpg" name="rittai" width=400

height=300 border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='POP')"> 
</center>
<!-- //显示图片的方式,src=后面一般是第一张图片,宽度,高度位置都可以按html方法去设置 -->


</HTML>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值