您当前位置:网站首页 >> 编程开发 >> JavaScript >> 巧使网页图片实现“幻灯片”显示效果

巧使网页图片实现“幻灯片”显示效果

2013-10-12 08:37:53 来源:奇库斯(QCOOLS) 浏览:221
关键字:巧使|使网|网页|页图|图片|片实|实现|现“|“幻|幻灯|灯片|片”|”显|显示|示效|效果

内容提要:

Blendtrans滤镜可以使图片产生淡入淡出的幻灯效果
制作过程:
 
一、准备图片10张,文件名为0.jpg至9.jpg。


二、建立一个CSS样式作为图片边框。
<style>
body img{border:3 gold ridge}
</style>
三、将下列代

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" >



相关文章
发表评论
网名:
评论:
验证:
共有0人对本文发表评论查看所有评论(仅供表达个人看法,并不表明本站同意其观点或证实其描述)
赞助商链接
点击排行