逆時針 | 停止 | 順時針
安裝 步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <script language="JavaScript"> <!-- lock=1; function showObject(object) { object.visibility = VISIBLE; } function hideObject(object) { object.visibility = HIDDEN; } function slideLogo(from, to) { if (from < to) { lianjie.top = (from += 10); setTimeout('slideLogo(' + from + ',' + to + ')', 75); } else initObjects(); } function rotateObjects() { for (var i = 0; i < pos.length; i++) { pos[i] += inc; objects[i].visibility = 'visible'; objects[i].left = (r * Math.cos(pos[i])) + xoff objects[i].top = (r * Math.sin(pos[i])) + yoff; } rotateTimer = setTimeout("rotateObjects()", 70); } function initObjects() { objects = new Array(zhuan1, zhuan2, zhuan3, zhuan4, zhuan5, zhuan6, zhuan7, zhuan8, zhuan9, zhuan10, zhuan11, zhuan12); pos = new Array(); pos[0] = 0; for (var i = 1; i < objects.length; i++) { pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length)); } rotateObjects(); } var objects; var pos; var r = 120;//圓圈直徑 var xoff = 380;//圓心距離屏幕左側 var yoff = 300;//圓心距離屏幕頂部 var pi = Math.PI; var inc = pi / 10000000; var inc = pi / 180; // var inc = -(pi / 180); var objects; var pos; function rechts() { inc=pi/180; lock=1; } function links() { inc=-(pi/180); lock=2; } function stop() { inc=pi/100000000; } function stop2() { inc=pi/100000000; lock=3 } function weiter() { if (lock==1) rechts() if (lock==2) links() if (lock==3) stop2() } // --> </script> 步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。 <style> <!-- .zhuan { color: #000040; font-family: arial; font-size: 18px; position: absolute; visibility:hidden; z-index: 2;} .logo { font-family: arial; font-size: 40px; color: #009900; position: absolute; top:300; left: 360px; visibility: visible; z-index: 7;} .lunpan { text-align: center; font-family: arial; font-size: 12px; color: red; position: absolute; top: 340px; left:240px; width: 300px; visibility: hidden; z-index: 0;} // --> </style> <p><font face="魏碑體"></p> <div id="zhuan1" class="zhuan"><a href="#" onMouseOver="showObject(lunpan1);stop()" onMouseOut="hideObject(lunpan1);weiter()" class="lujing">鼠</a><br> </div><div id="zhuan2" class="zhuan"><a href="#" onMouseOver="showObject(lunpan2);stop()" onMouseOut="hideObject(lunpan2);weiter()" class="lujing">牛</a><br> </div><div id="zhuan3" class="zhuan"><a href="#" onMouseOver="showObject(lunpan3);stop()" onMouseOut="hideObject(lunpan3);weiter()" class="lujing">虎</a><br> </div><div id="zhuan4" class="zhuan"><a href="#" onMouseOver="showObject(lunpan4);stop()" onMouseOut="hideObject(lunpan4);weiter()" class="lujing">兔</a><br> </div><div id="zhuan5" class="zhuan"><a href="#" onMouseOver="showObject(lunpan5);stop()" onMouseOut="hideObject(lunpan5);weiter()" class="lujing">龍</a><br> </div><div id="zhuan6" class="zhuan"><a href="#" onMouseOver="showObject(lunpan6);stop()" onMouseOut="hideObject(lunpan6);weiter()" class="lujing">蛇</a><br> </div><div id="zhuan7" class="zhuan"><a href="#" onMouseOver="showObject(lunpan7);stop()" onMouseOut="hideObject(lunpan7);weiter()" class="lujing">馬</a><br> </div><div id="zhuan8" class="zhuan"><a href="#" onMouseOver="showObject(lunpan8);stop()" onMouseOut="hideObject(lunpan8);weiter()" class="lujing">羊</a><br> </div><div id="zhuan9" class="zhuan"><a href="#" onMouseOver="showObject(lunpan9);stop()" onMouseOut="hideObject(lunpan9);weiter()" class="lujing">猴</a><br> </div><div id="zhuan10" class="zhuan"><a href="#" onMouseOver="showObject(lunpan10);stop()" onMouseOut="hideObject(lunpan10);weiter()" class="lujing">雞</a><br> </div><div id="zhuan11" class="zhuan"><a href="#" onMouseOver="showObject(lunpan11);stop()" onMouseOut="hideObject(lunpan11);weiter()" class="lujing">狗</a><br> </div><div id="zhuan12" class="zhuan"><a href="#" onMouseOver="showObject(lunpan12);stop()" onMouseOut="hideObject(lunpan12);weiter()" class="lujing">豬</a><br> </div><div id="lianjie" class="logo" style="position: absolute; left: 310; top: 100">十二生肖</div> <div id="lunpan1" class="lunpan"> 鏈接 1</div> <div id="lunpan2" class="lunpan">鏈接 2</div> <div id="lunpan3" class="lunpan">鏈接 3</div> <div id="lunpan4" class="lunpan">鏈接 4</div> <div id="lunpan5" class="lunpan">鏈接 5</div> <div id="lunpan6" class="lunpan">鏈接 6</div> <div id="lunpan7" class="lunpan">鏈接 7</div> <div id="lunpan8" class="lunpan">鏈接 8</div> <div id="lunpan9" class="lunpan">鏈接 9</div> <div id="lunpan10" class="lunpan">鏈接 10</div> <div id="lunpan11" class="lunpan">鏈接 11</div> <div id="lunpan12" class="lunpan">鏈接 12</div> <script language="JavaScript"> <!-- var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4); var HIDDEN = (isNS) ? 'hide' : 'hidden'; var VISIBLE = (isNS) ? 'show' : 'visible'; var zhuan1 = (isNS) ? document.zhuan1 : document.all.zhuan1.style; var zhuan2 = (isNS) ? document.zhuan2 : document.all.zhuan2.style; var zhuan3 = (isNS) ? document.zhuan3 : document.all.zhuan3.style; var zhuan4 = (isNS) ? document.zhuan4 : document.all.zhuan4.style; var zhuan5 = (isNS) ? document.zhuan5 : document.all.zhuan5.style; var zhuan6 = (isNS) ? document.zhuan6 : document.all.zhuan6.style; var zhuan7 = (isNS) ? document.zhuan7 : document.all.zhuan7.style; var zhuan8 = (isNS) ? document.zhuan8 : document.all.zhuan8.style; var zhuan9 = (isNS) ? document.zhuan9 : document.all.zhuan9.style; var zhuan10 = (isNS) ? document.zhuan10 : document.all.zhuan10.style; var zhuan11 = (isNS) ? document.zhuan11 : document.all.zhuan11.style; var zhuan12 = (isNS) ? document.zhuan12 : document.all.zhuan12.style; var lianjie = (isNS) ? document.lianjie : document.all.lianjie.style; var lunpan1 = (isNS) ? document.lunpan1 : document.all.lunpan1.style; var lunpan2 = (isNS) ? document.lunpan2 : document.all.lunpan2.style; var lunpan3 = (isNS) ? document.lunpan3 : document.all.lunpan3.style; var lunpan4 = (isNS) ? document.lunpan4 : document.all.lunpan4.style; var lunpan5 = (isNS) ? document.lunpan5 : document.all.lunpan5.style; var lunpan6 = (isNS) ? document.lunpan6 : document.all.lunpan6.style; var lunpan7 = (isNS) ? document.lunpan7 : document.all.lunpan7.style; var lunpan8 = (isNS) ? document.lunpan8 : document.all.lunpan8.style; var lunpan9 = (isNS) ? document.lunpan9 : document.all.lunpan9.style; var lunpan10 = (isNS) ? document.lunpan10 : document.all.lunpan10.style; var lunpan11 = (isNS) ? document.lunpan11 : document.all.lunpan11.style; var lunpan12 = (isNS) ? document.lunpan12 : document.all.lunpan12.style; slideLogo(0, 290); // --> </script></font><font face="魏碑體" size="2"><div id="mm" style="position: absolute; top: 480px; left: 280px"> <ol> <p><a href="javascript:links()" class="lujing">逆時針</a> | <a href="javascript:stop2()" class="lujing">停止</a> | <a href="javascript:rechts()" class="lujing">順時針</a></font> </p> </ol> </div>
步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟二 拷貝以下腳本貼在網頁最靠近<body>之下。
