图形展示特效:使图片显示出现各种不同效果的程序,堪称经典,值得珍藏

[复制链接]
查看1751 | 回复3 | 2007-5-22 01:31:27 | 显示全部楼层 |阅读模式
把如下代码加入<body>区域中
<body onclick=Clicked()>
<SCRIPT>
<!--
transeffect = 0;
theeffects = new Array(24);
theeffects[0] = "盒状收缩";
theeffects[1] = "盒状向外";
theeffects[2] = "圆形收缩";
theeffects[3] = "圆形向内";
theeffects[4] = "从下向上";
theeffects[5] = "从上向下";
theeffects[6] = "从左向右";
theeffects[7] = "从右向左";
theeffects[8] = "百页窗形向右";
theeffects[9] = "百页窗形向下";
theeffects[10] = "棋盘形交叉向右";
theeffects[11] = "棋盘形交叉向下";
theeffects[12] = "随意溶解形";
theeffects[13] = "左右向内";
theeffects[14] = "左右向外";
theeffects[15] = "上下向内";
theeffects[16] = "上下向外";
theeffects[17] = "条纹状向左下";
theeffects[18] = "条纹状向左上";
theeffects[19] = "条纹状向右下";
theeffects[20] = "条纹状向右上";
theeffects[21] = "溶解水平状";
theeffects[22] = "溶解上下状";
theeffects[23] = "随着溶解";
current_image = "image1";
function Clicked() {
var the_image, the_other;
text2.style.visiblity="hidden";
if (image1.style.visibility=="inherit") {
the_image = image2;
the_other = image1;
}
else {
the_image = image1;
the_other = image2;
}
the_other.style.visibility="hidden";
the_image.filters.item(0).Apply();
the_image.filters.item(0).Transition = transeffect;
the_image.filters.item(0).Play(2.0);
the_image.style.visibility="inherit";
text2.innerText=theeffects[transeffect];
transeffect++;
if (transeffect == 24)
transeffect = 0;
text2.style.visibility="visible";
}
//--> </SCRIPT>
<DIV id=image>
<DIV id=text1></DIV><IMG id=image1
src="054.gif"
style="FILTER: revealTrans(Duration=3.0,Transition=1); VISIBILITY: hidden"> <IMG id=image2 src="054.gif"
style="FILTER: revealTrans(Duration=3.0,Transition=1); VISIBILITY: hidden"> </DIV>
<DIV id=text2></DIV>

第二步:把<body>中的内容改为:
<body bgcolor="#fef4d9" onclick=Clicked()>

请点击打开看演示: 使图片显示出现各种不同效果的程序,堪称经典,值得珍藏.htm (2.04 KB, 下载次数: 1)
boatman | 2010-6-7 23:28:25 | 显示全部楼层
学习了
asdc | 2010-8-14 19:52:04 | 显示全部楼层
看不到效果?
801953 | 2010-10-10 13:38:35 | 显示全部楼层
非常感谢
您需要登录后才可以回帖 登录 | 注册

本版积分规则