【語法】

<style> <!-- .s { position:absolute; left:-5000px; topt:-5000px; } --> </style> <script> <!-- var picture=new Array("http://home.educities.edu.tw/nkhs9323005/gif0346.gif", "http://home.educities.edu.tw/nkhs9323005/gif0340.gif", "http://home.educities.edu.tw/nkhs9323005/gif0327.gif", "http://home.educities.edu.tw/nkhs9323005/gif0311.gif") var pause=1 --> </script> <script language="JavaScript"> <!-- var imgpreload=new Array for (i=0;i<=picture.length;i++) { imgpreload[i]=new Image() imgpreload[i].src=picture[i] } var x,y var horizontal_pos=0 var vertical_pos=0 var x_slices=6 var startpausetime var nowpausetime var starttime var nowtime var stoptime var timetohidescroller=false var textmovedtoleft=0 var picturewidth var pictureheight var i_loop=0 var i_picture=0 var width_slice var cliptop=0 var clipbottom var i_clipright=1 var content="" pause=pause*1000 function initiate() { getcontent() if (document.all) { for (i=0;i<=x_slices;i++) { var thisinners=eval("s"+i) thisinners.innerHTML=content var thiss=eval("document.all.s"+i+".style") thiss.posLeft=horizontal_pos thiss.posTop=vertical_pos } var thisspan = eval("document.all.s"+0) picturewidth=thisspan.offsetWidth pictureheight=thisspan.offsetHeight width_slice=Math.ceil(picturewidth/x_slices) clipbottom=pictureheight document.all.whole.style.posLeft=horizontal_pos document.all.whole.style.posTop=vertical_pos i_picture++ openlamellar() } if (document.layers) { for (i=0;i<=x_slices;i++) { var thisinners=eval("document.s"+i+".document") thisinners.write(content) thisinners.close() var thiss=eval("document.s"+i) thiss.left=horizontal_pos thiss.top=vertical_pos } var thisspan=eval("document.s"+0+".document") picturewidth=thisspan.width pictureheight=thisspan.height width_slice=Math.ceil(picturewidth/x_slices) clipbottom=pictureheight document.whole.document.write(" ") document.whole.document.close() document.whole.left=horizontal_pos document.whole.top=vertical_pos i_picture++ openlamellarNN() } } function openlamellar() { clipleft=-width_slice clipright=0 if (i_clipright<=width_slice) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.posLeft=x thiss.posTop=y document.all.whole.style.posLeft=x document.all.whole.style.posTop=y thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright=clipleft+i_clipright } i_clipright++ var timer=setTimeout("openlamellar()",20) } else { clearTimeout(timer) whole.innerHTML=content startpause() makepause() } } function makepause() { checkpausetime() if (nowpausetime<pause) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.posLeft=x thiss.posTop=y document.all.whole.style.posLeft=x document.all.whole.style.posTop=y } var timer=setTimeout("makepause()",20) } else { clearTimeout(timer) changepicture() } } function makepauseNN() { checkpausetime() if (nowpausetime<pause) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i) thiss.left=x thiss.top=y document.whole.left=x document.whole.top=y } var timer=setTimeout("makepauseNN()",20) } else { clearTimeout(timer) changepictureNN() } } function openlamellarNN() { clipleft=-width_slice clipright=0 if (i_clipright<=width_slice) { for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i) thiss.left=x thiss.top=y document.whole.left=x document.whole.top=y thiss.clip.left=clipleft thiss.clip.right=clipright thiss.clip.top=cliptop thiss.clip.bottom=clipbottom clipleft+=width_slice clipright=clipleft+i_clipright } i_clipright++ var timer=setTimeout("openlamellarNN()",20) } else { clearTimeout(timer) document.whole.document.write(content) document.whole.document.close() startpause() makepauseNN() } } function getcontent() { content="<img src="+picture[i_picture]+" border=0>" } function changepicture() { i_clipright=0 clipleft=0 clipright=0 for (i=0;i<=x_slices;i++) { var thiss=eval("document.all.s"+i+".style") thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" } if (i_picture>picture.length-1) {i_picture=0} getcontent() for (i=0;i<=x_slices;i++) { var thisinners=eval("s"+i) thisinners.innerHTML=content } i_picture++ openlamellar() } function changepictureNN() { i_clipright=0 clipleft=0 clipright=0 for (i=0;i<=x_slices;i++) { var thiss=eval("document.s"+i) thiss.clip.left=clipleft thiss.clip.right=clipright thiss.clip.top=cliptop thiss.clip.bottom=clipbottom clipleft+=width_slice clipright=clipleft+i_clipright } if (i_picture>picture.length-1) {i_picture=0} getcontent() for (i=0;i<=x_slices;i++) { var thisinners=eval("document.s"+i+".document") thisinners.write(content) thisinners.close() } i_picture++ openlamellarNN() } document.write("<span id='whole' class='s'></span>") for (i=0;i<=x_slices;i++) { document.write("<span id='s"+i+"' class='s'></span>") } document.write("<div id='emptydiv' style='position:relative'>") document.close() window.onload=initiate function startnewtime() { starttime= new Date() starttime=starttime.getTime() } function checktime() { nowtime=new Date() nowtime=nowtime.getTime() nowtime=(nowtime-starttime)/1000 if (nowtime>stoptime) {timetohidescroller=true} } function startpause() { startpausetime=new Date() startpausetime=startpausetime.getTime() } function checkpausetime() { nowpausetime=new Date() nowpausetime=nowpausetime.getTime() nowpausetime=nowpausetime-startpausetime } function hidescroller() { if (document.all) { document.all.bgscroller.style.visibility="hidden" document.all.text.style.visibility="hidden" } if (document.layers) { document.bgscroller.visibility="hidden" document.text.visibility="hidden" } } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY x=x+10 y=y+10 } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } if (document.all || document.layers) { document.onmousemove = handlerMM; } --> </script> <div id="emptydiv" style="position:relative">

在 "http://home.educities.edu.tw/nkhs9323005/gif0346.gif"
中更換圖片網址《共有四個圖片》
在 var pause=1
中改變幻燈片變化所需時間