设为首页收藏本站
开启辅助访问
搜索
子墨斋»首页 › 综合栏 › 插件代码 › 图形展示特效：使图片显示出现各种不同效果的程序，堪称 ...

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

[复制链接]
查看1943 | 回复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 | 显示全部楼层
非常感谢
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

寒人
回复楼主 返回列表