轮显图片制作.doc

用JS（JavaScript）+CSS或Applet做的； 不用什么软件。 透明渐变轮番显示 制作方法： 在head标签下，粘贴代码： SCRIPT LANGUAGE=JavaScript // 设置轮番显示速度 Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000; // 匀滑转换时间 Duration of crossfade (seconds) var crossFadeDuration = 3; // 指定图像文件 Specify the image files var Pic = new Array(); // to add more images, just continue // the pattern, adding to the array below Pic[0] = 1.jpg Pic[1] = 2.jpg Pic[2] = 3.jpg Pic[3] = 4.jpg Pic[4] = 5.jpg // do not edit anything below this line var t; var j = 0; var p = Pic.length; var preLoad = new Array(); for (i = 0; i p; i++) { preLoad = new Image(); preLoad.src = Pic; } function runSlideShow() { if (document.all) { document.images.SlideShow.style.filter=blendTrans(duration=2); document.images.SlideShow.style.filter=blendTrans(duration=crossFadeDuration); document.images.SlideShow.filters.blendTrans.Apply(); } document.images.SlideShow.src = preLoad[j].src; if (document.all) { document.images.SlideShow.filters.blendTrans.Play(); } j = j + 1; if (j (p - 1)) j = 0; t = setTimeout(runSlideShow(), slideShowSpeed); } /script 修改body： body bgcolor=#FFFFFF text=#000000 onLoad=runSlideShow() 将表格单元格设置名称“id=VU”： td id=VU 在img中加入代码：img src=1.jpg name=SlideShow 至此，我们的效果便制作好了。 制作方法： 1. 在head中插入代码： script language=javascript isns = navigator.appName == Netscape; //定义播放图片张数 img1=new Image() img2=new Image() img3=new Image() img4=new Image() img5=new Image() //图片路径、文件名 img1.src=images/circul-side.gif img2.src=images/css-manual.gif img3.src=images/kpt7.jpg img4.src=images/msn.jpg img5.src=images/ps- } else document.pic.visibility=visible tt=setTimeout(change_img(),4000) } /script 可以在代码中按照中文介绍，修改相关信息。 2. 在body中加载：body onload=change_img(); 3. 插入第一张图片，并命名：id=pic 插入代码：style=visibility:hidden;filter:revealtrans(duration=2.0,transition=12) 参考图片代码： img src=images/circul-side.gif name=pic width=120 height=90 id=pic style=visibility:hidden;filter:revealtrans(duration=2.0,transition=12) 制作完成。 观看效果 使用CSS中的revealTrans