首页 新闻 搜索 短信 分类 聊天 企业
上移动梦网
赢手机大奖

新浪首页 > 科技时代 > 网上学园 > 主页制作 > 正文
巧使网页图片实现“幻灯片”显示效果

http://www.sina.com.cn 2002/05/22 09:56 赛迪网

  文/touch8

  Blendtrans滤镜可以使图片产生淡入淡出的幻灯效果,如下:

  制作过程:

  一、准备图片10张,文件名为0.jpg9.jpg


  二、建立一个CSS样式作为图片边框。

  代码:

<style>
body img{border:3 gold ridge}
</style>

  三、将下列代码放到<head>间。

  代码:

  <script language="JavaScript">
  function ImgArray(len)
  {
   this.length=len;
   }
  ImgName=new ImgArray(10);
  ImgName[0]="0.jpg";
  ImgName[1]="18.jpg";
  ImgName[2]="28.jpg";
ImgName[3]="3.jpg";
  ImgName[4]="4.jpg";
  ImgName[5]="5.jpg";
ImgName[6]="6.jpg";
  ImgName[7]="7.jpg";
  ImgName[8]="8.jpg";
ImgName[9]="9.jpg";
  var t=0;
  function playImg()
  {
if (t==9)
   {t=0;}
   else
   {t++;}
img.style.filter="blendTrans(Duration=3)";
  img.filters[0].apply();
  img.src=ImgName[t];
  img.filters[0].play();
  mytimeout=setTimeout("playImg()",5000);
   }
</script>

  四、将下列代码放到<body>里。

<body bgcolor="#FFFFFF" text="#000000" onload="playImg()">
<img src="0.jpg" width="96" height="120" name="img" >

  


发表评论】【初学者园地】【科技聊天】【关闭窗口

新 闻 查 询

 相关链接
【学园专题】JavaScript动态网页制作宝库
巧妙实现图片链接的特殊效果(2002/05/16 10:27)
用JavaScript实现页面百叶窗效果(2002/05/16 10:12)
JavaScript网页制作特殊效果二例(2002/04/30 10:35)
用Javascript自动输出网页文本(2002/04/26 09:26)
用JavaScript使链接按钮不断变化(2002/04/24 09:46)
用JavaScript创建超酷时钟背景特效(2002/04/19 12:23)
用JavaScript加密保护网站页面(2002/04/15 10:50)
让JavaScript弹出窗口变得体贴一些(2002/04/12 10:22)


科技时代意见反馈留言板 电话:010-82612286 或 010-82628888-3488   欢迎批评指正

新浪简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息

Copyright © 1996 - 2002 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网