网站首页/硬件软件列表/内容

JavaScript图文详细教程之Blendtrans滤镜的运用_javascript

硬件软件2022-05-27阅读
软件是一系列按照特定顺序组织的计算机数据和指令的集合。一般来讲软件被划分为编程语言、系统软件、应用软件和介于这两者之间的中间件。硬件是“计算机硬件”的简称。与“软件”相对,电子计算机系统中所有实体部件和设备的统称。

  JavaScript里面可以是用滤镜的功能,这样就能实现图片幻灯片的效果,下面小编给大家讲解下Blendtrans滤镜可以使图片产生淡入淡出的幻灯效果。

JavaScript教程之Blendtrans滤镜的使用
JavaScript教程之Blendtrans滤镜的使用

  制作过程:

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

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

  《style》

  body img{border:3 gold ridge}

  《/style》

  三、将下列代码放到《head》间。

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

  四、将下列代码放到《body》里。

  《body bgcolor=“#FFFFFF” text=“#000000” onload=“playImg()”》

  《img src=“0.jpg” width=“96” height=“120” name=“img” 》


硬件是实在的,有模有样的。软件是程序性的。是一系列的指令。有了软件,硬件才会实现更丰富的功能。

……

相关阅读