0731-55587844
其他(360、58、霸屏、搜狗、小程序)等代理合作请发邮箱254596208@qq.com
站内公告:  如果您有其它业务联系,请发邮件至yaner@y1web.com邮箱,谢谢您的配合!
营销型网站建设第一品牌——优度网络
现在的位置:首页 > 发布营销型网站建设 > 新闻资讯 > 图片渐变,淡入淡出效果
图片渐变,淡入淡出效果
信息来源:优度网络  发布日期:2009/4/2 浏览数量:995
文章导读:
<html>
<head>
<title>图片淡入淡出</title>
<style type="text/css">
<!--
body{
 background:#000000;
}
img{
 filter:BlendTrans(duration=3);
 border:none;
}
-->
</style>
   </head>
<body>
<script language="javascript">
function img1(x){    // 获取数组记录数
 this.length=x;
}
//申明数组并给数组元素赋值,也就是把图片的相对路径保存起来
//若是图片较多,可增加数组元素的个数,
//在这个例子中用了五张图片,所以数组元素个数为“5"。
 iname=new img1(5);
 iname[0]="photo/01.jpg";
 iname[1]="photo/02.jpg";
 iname[2]="photo/03.jpg";
 iname[3]="photo/04.jpg";
 iname[4]="photo/05.jpg";
 var i=0;
function play1(){    // 演示变换效果
 if (i==4){ i=0; }   //当进行到iname[4]时,返回iname[0]
 else{ i++; }
 tp1.filters[0].apply();  //tp为图像的name,在<img>标记中定义
 tp1.src=iname[i];
 tp1.filters[0].play();
 mytimeout=setTimeout("play1()",4000);
 //设置演示时间,这里是以毫秒为单位的,所以“4000 ”是指每张图片的演示时间是4秒
 //这个时间值要大于滤镜中设置的转换时间值,这样当转换结束后还能停留一段时间,看清楚图片。
}
</script>
<p><img src="photo/04.jpg" name="tp1"></p>
<script language="javascript">//play1();</script>
</body>
相关信息
  • 网络营销培训
  • 微网站
  • 扫二维码
  • 1
  • 2
  • 3
  • 最新上传
  • 精品案例
  • 自动流水线嘉
  • 湖南省湘江重
  • 湘潭家居\建
  • 湘潭学校微网
0731-55587844
传真:0731-55587844
邮箱:254596208@qq.com
地址:湖南省湘潭市岳塘区霞光东路58号(维也纳酒店6楼)
优度官方微信扫一扫关注官方微信

关注优度

官方微信
官方微博
官网首页