DHTML Slide Show script图片轮换

步骤 1: 将下面代码加到 <head> 标签内: 复制代码代码如下:<script type="text/javascript"> /*********************************************** * DHTML slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice must stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var photos=new Array() var photoslink=new Array() var which=0 //define images. You can have as many as you want: photos[0]="photo1.jpg" photos[1]="photo2.jpg" photos[2]="photo3.jpg" //Specify whether images should be linked or not (1=linked) var linkornot=0 //Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1" photoslink[0]="" photoslink[1]="" photoslink[2]="" //do NOT edit pass this line var preloadedimages=new Array() for (i=0;i<photos.length;i++){ preloadedimages[i]=new Image() preloadedimages[i].src=photos[i] } function applyeffect(){ if (document.all && photoslider.filters){ photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23) photoslider.filters.revealTrans.stop() photoslider.filters.revealTrans.apply() } } function playeffect(){ if (document.all && photoslider.filters) photoslider.filters.revealTrans.play() } function keeptrack(){ window.status="Image "+(which+1)+" of "+photos.length } function backward(){ if (which>0){ which-- applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function forward(){ if (which<photos.length-1){ which++ applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function transport(){ window.location=photoslink[which] } </script> 步骤 2: 将下面代码加到需要的地方: 复制代码代码如下:<table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" colspan="2" height="22"><center> <script> if (linkornot==1) document.write('<a href="javascript:transport()">') document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>') if (linkornot==1) document.write('</a>') </script> </center></td> </tr> <tr> <td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td> <td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td> </tr> </table> <p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br> <a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>

　　推荐阅读

　　javascript下with 的简化代码写法

with (object) statements 参数 object 新的默认对象。 statements 一个或多个语句，object 是该语句的默认对象。说明 with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用：>>>详细阅读

本文标题：DHTML Slide Show script图片轮换

地址：http://www.17bianji.com/kaifa2/JS/29826.html

1/2 1