安裝

步驟一  下載這個tv.zip壓縮文件，解壓後把其中的圖像放置在与網頁相同的文件夾內。

步驟二  拷貝以下腳本後貼在有關網頁的<head></head>之間。

    
<style type=text/css> .p2{ background-color: #000000; padding-top: 2px; font-weight: normal; color: #FFFFFF} </style> <SCRIPT LANGUAGE="JavaScript"> var rotate_delay = 3000; // 圖像停頓時間 current = 0; function next() { if (document.slideform.slide[current+1]) { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.slideform.slide[current-1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length-1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == " ") ? " " : " "; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == " ") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } </script> <style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> //配置晃動度數 (數值越大晃動越快) var rector=1 var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script>

步驟三  拷貝以下腳本貼在網頁最靠近<body>之下。

    
<div style="position:absolute;top:160px;left:250px;"> <div style="position:absolute;top:10px;left:10px;Z-INDEX:-1"> <img src="i-back.gif" width="251" height="263"> </div> <form name=slideform> <div style="position:absolute;top:30px;left:14px;Z-INDEX:-2"> <table bgcolor="#000000" width="240" height="175"><tr><td> <img src="bt1.jpg" name="show" width="240" height="175" class="shakeimage" onLoad="init(this);rattleimage()"> </td></tr></table> </div> <div style="position:absolute;top:215px;left:14px;"> <table width="240"><tr><td><center> <select class="p2" name="slide" onChange="change();"> <option value="bt1.jpg" selected>決戰前夕 <option value="bt2.jpg">奪取全國勝利 <option value="bt3.jpg">勝利在前 <option value="bt4.jpg">強渡天塹 <option value="bt5.jpg">解放南京 </select> </center></td></tr></table> </div> <div style="position:absolute;top:245px;left:60px;"> <input type=button onClick="first();" value=" " style="background-color: transparent; color: transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent" title="從頭"> </div> <div style="position:absolute;top:245px;left:90px;"> <input type=button onClick="previous();" value=" " style="background-color: transparent; color: transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent" title="上幅"> </div> <div style="position:absolute;top:245px;left:120px;"> <input type=button name="slidebutton" onClick="ap(this.value);" value=" " style="background-color: transparent; color: transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent" title="自動播放"> </div> <div style="position:absolute;top:245px;left:150px;"> <input type=button onClick="next();" value=" " style="background-color: transparent; color: transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent" title="下幅"> </div> <div style="position:absolute;top:245px;left:180px;"> <input type=button onClick="last();" value=" " style="background-color: transparent; color: transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; border-bottom: 0px solid transparent" title="最後"> </div> </div> </form> </center></td></tr></table> </div> </div>