每一圖像都可用作鏈接，可設定為左右或上下翻閱。
安裝 步驟一 下載這個kong.gif圖像然後放置在與網頁相同的文件夾內。 步驟二 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <STYLE> DIV.aFilter {filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=6); width: 490px;} </STYLE> <script> function stopErrors() { return true; } window.onerror = stopErrors; </script> <script type="text/javascript"> // 設定“書本”的寬度、高度、邊沿、邊沿顏色、翻動速度、次頁停頓時間、左右(0)或上下(1)翻 var shuben_kuandu=240; var shuben_gaodu=175; var shuben_bianyan=true; var shuben_bianyan_yanse="gray"; var shuben_sudu=15; var shuben_ciye_tingdun=1500; //1秒=1000 var shuben_shangxiafan=0; // 至少四幅圖像的名稱及鏈接路徑，若無須鏈接即空置"" shuben_tuxiang_yuantou=new Array( "bt1.jpg","http://www.lidicity.com/mao", "bt2.jpg","http://www.lidicity.com/mao", "bt3.jpg","", //this slide isn't linked "bt4.jpg","http://www.lidicity.com/mao" // 最後一列勿加逗號 ); /****** 以下免動 *********/ var B_LI,B_MI,B_RI,B_TI,B_Angle=0,B_CrImg=6,B_MaxW,B_Direction=1; var B_MSz,B_Stppd=false;B_Pre_Img=new Array(shuben_tuxiang_yuantou.length); function huace(){ if(document.getElementById){ for(i=0;i<shuben_tuxiang_yuantou.length;i+=2){ B_Pre_Img[i]=new Image();B_Pre_Img[i].src=shuben_tuxiang_yuantou[i]} shuban_Div=document.getElementById("shuban"); B_LI=document.createElement("img");shuban_Div.appendChild(B_LI); B_RI=document.createElement("img");shuban_Div.appendChild(B_RI); B_MI=document.createElement("img");shuban_Div.appendChild(B_MI); B_LI.style.position=B_MI.style.position=B_RI.style.position="absolute"; B_LI.style.zIndex=B_RI.style.zIndex=0;B_MI.style.zIndex=1; B_LI.style.top=(shuben_shangxiafan?shuben_gaodu+1:0)+"px"; B_LI.style.left=0+"px"; B_MI.style.top=0+"px"; B_MI.style.left=(shuben_shangxiafan?0:shuben_kuandu+1)+"px"; B_RI.style.top=0+"px"; B_RI.style.left=(shuben_shangxiafan?0:shuben_kuandu+1)+"px"; B_LI.style.height=shuben_gaodu+"px"; B_MI.style.height=shuben_gaodu+"px"; B_RI.style.height=shuben_gaodu+"px"; B_LI.style.width=shuben_kuandu+"px"; B_MI.style.width=shuben_kuandu+"px"; B_RI.style.width=shuben_kuandu+"px"; if(shuben_bianyan){ B_LI.style.borderStyle=B_MI.style.borderStyle=B_RI.style.borderStyle="solid"; B_LI.style.borderWidth=1+"px"; B_MI.style.borderWidth=1+"px"; B_RI.style.borderWidth=1+"px"; B_LI.style.borderColor=B_MI.style.borderColor=B_RI.style.borderColor=shuben_bianyan_yanse} B_LI.src=B_Pre_Img[0].src; B_LI.lnk=shuben_tuxiang_yuantou[1]; B_MI.src=B_Pre_Img[2].src; B_MI.lnk=shuben_tuxiang_yuantou[3]; B_RI.src=B_Pre_Img[4].src; B_RI.lnk=shuben_tuxiang_yuantou[5]; B_LI.onclick=B_MI.onclick=B_RI.onclick=B_LdLnk; B_LI.onmouseover=B_MI.onmouseover=B_RI.onmouseover=B_Stp; B_LI.onmouseout=B_MI.onmouseout=B_RI.onmouseout=B_Rstrt; shubantuxiang()}} function shubantuxiang(){ if(!B_Stppd){ if(shuben_shangxiafan){ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*shuben_gaodu)); MidOffset=!B_Direction?shuben_gaodu+1:shuben_gaodu-B_MSz; B_MI.style.top=MidOffset+"px"; B_MI.style.height=B_MSz+"px"} else{ B_MSz=Math.abs(Math.round(Math.cos(B_Angle)*shuben_kuandu)); MidOffset=B_Direction?shuben_kuandu+1:shuben_kuandu-B_MSz; B_MI.style.left=MidOffset+"px"; B_MI.style.width=B_MSz+"px"} B_Angle+=shuben_sudu/720*Math.PI; if(B_Angle>=Math.PI/2&&B_Direction){ B_Direction=0; if(B_CrImg==shuben_tuxiang_yuantou.length)B_CrImg=0; B_MI.src=B_Pre_Img[B_CrImg].src; B_MI.lnk=shuben_tuxiang_yuantou[B_CrImg+1]; B_CrImg+=2} if(B_Angle>=Math.PI){ B_Direction=1; B_TI=B_LI; B_LI=B_MI; B_MI=B_TI; if(shuben_shangxiafan)B_MI.style.top=0+"px"; else B_MI.style.left=shuben_kuandu+1+"px"; B_MI.src=B_RI.src; B_MI.lnk=B_RI.lnk; setTimeout("shuban_Next_Delay()",shuben_ciye_tingdun)} else setTimeout("shubantuxiang()",50)} else setTimeout("shubantuxiang()",50)} function shuban_Next_Delay(){ if(B_CrImg==shuben_tuxiang_yuantou.length)B_CrImg=0; B_RI.src=B_Pre_Img[B_CrImg].src; B_RI.lnk=shuben_tuxiang_yuantou[B_CrImg+1]; B_MI.style.zIndex=2; B_LI.style.zIndex=1; B_Angle=0; B_CrImg+=2; setTimeout("shubantuxiang()",50)} function B_LdLnk(){if(this.lnk)window.location.href=this.lnk} function B_Stp(){B_Stppd=true;this.style.cursor=this.lnk?"pointer":"default"} function B_Rstrt(){B_Stppd=false} </script> 步驟三 拷貝以下腳本貼在網頁<body>之下速度位置。 <div id="shuban" style="position:relative;left:90;"> <img src="kong.gif" width="240" height="175"> </div> 步驟四 把下列代碼放置在<body>標記內。 onload="huace()" 樣板：<body onload="huace()">
步驟一 下載這個kong.gif圖像然後放置在與網頁相同的文件夾內。
步驟二 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟三 拷貝以下腳本貼在網頁<body>之下速度位置。
步驟四 把下列代碼放置在<body>標記內。
onload="huace()"
樣板：
<body onload="huace()">
