浮動時間
控制碼內容：
一 將下面複製至 <head> 區內
<!------------ 插入控制碼區段開始 ------------> <style type="text/css"> #pane {position: absolute; visibility: hidden;} </style> <style fprolloverstyle>A:hover {color: red; font-weight: bold} </style> <!------------ 插入控制碼區段結束 ------------>
二 將下面複製至 <body> 標籤後
<!------------ 插入控制碼區段開始 ------------> <script language="JavaScript"> <!-- var TimerOrClock = "clock"; //layer height var layerH = 30; //指定這個特效的高度 //layer width var layerW = 180; //指定這個特效的寬度 //location of the layer on the page: //top_left, top_right, "bottom_left", "bottom_right" var location = "top_right"; //background color of the layer: //transparent - inherits the background of the page; //any color as a word or in hexadecimal var bgcolor = "#64D0FE"; //指定顯示背景顏色 //font color var text = "#FFFFFF"; //指定顯示文字顏色 //font size var font_size = 3; //font face var font_face = "新明細體"; //your words var message = "現在時間："; /***************** DO NOT EDIT BELOW THIS LINE ***************/ var layer; var IE = document.all; var updateWatch; var start = 0; function writeTime(time) { var color, size, face, out; color = (text)? text : "black"; size = (font_size)? font_size : 2; face = (font_face)? font_face : "Arial"; out = "<font face = \"" + face + "\" size = " + size + " color = \"" + color + "\">"; out += (message)? message : ""; if(!IE) out += " " + time + "</font>"; else out += time + "</font>"; if(IE) layer.innerHTML = "<table width=\"100%\" height=\"100%\"><tr><td valign=\"middle\" align=\"center\">" + out + "</td></tr></table>"; else { layer.document.open(); layer.document.write("<br> " + "<b>" + out + "</b>"); layer.document.close(); } } function clock() { var hh, mm, ss; var time, d, ampm = "am"; d = new Date(); hh = d.getHours(); mm = d.getMinutes(); ss = d.getSeconds(); if(hh > 12) { hh -= 12; ampm = "pm"; } hh = (hh < 10)? "0" + hh : hh; mm = (mm < 10)? "0" + mm : mm; ss = (ss < 10)? "0" + ss : ss; time = hh + ":" + mm + ":" + ss + " " + ampm; writeTime(time); } function timer() { var hh, mm, ss; var time; hh = parseInt("0" + (start / 3600), 10); mm = parseInt("0" + ((start - (hh * 3600)) / 60), 10); ss = start - (hh * 3600) - (mm * 60); if(start < 60) time = ss + " seconds "; else if(start < 3600 && start > 60) time = mm + " minutes " + ss + " seconds "; else { time = (hh == 1)? hh + " hour " : hh + " hours "; time += (mm == 1)? mm + " minute " : mm + " minutes "; } writeTime(time); start++; } function scroller() { var docH, docW, scrollT, scrollL; if(IE) { layer = document.all.pane; if(layerH) { layer.height = layerH; layer.style.height = layerH; } else layerH = layer.height; if(layerW) { layer.width = layerW; layer.style.width = layerW; } else layerW = layer.width; if(bgcolor) layer.style.background = bgcolor; docH = document.body.clientHeight; docW = document.body.clientWidth; scrollT = document.body.scrollTop; scrollL = document.body.scrollLeft; switch(location) { case "top_left": layer.style.posTop = scrollT; layer.style.posLeft = scrollL; break; case "top_right": layer.style.posTop = scrollT; layer.style.posLeft = scrollL + (docW - layerW); break; case "bottom_left": layer.style.posTop = scrollT + (docH - layerH); layer.style.posLeft = scrollL; break; case "bottom_right": layer.style.posTop = scrollT + (docH - layerH); layer.style.posLeft = scrollL + (docW - layerW); break; default: layer.style.posTop = scrollT; layer.style.posLeft = scrollL; } layer.style.visibility = "visible"; } else { layer = document.layers.pane; if(!layerH) layerH = 200; if(!layerW) layerW = 100; layer.resizeTo(layerW,layerH); if(bgcolor && bgcolor != "transparent") layer.bgColor = bgcolor; docH = window.innerHeight; docW = window.innerWidth; scrollT = window.pageYOffset; scrollL = window.pageXOffset; switch(location.toLowerCase()) { case "top_left": layer.moveTo(scrollL,scrollT); break; case "top_right": layer.moveTo(scrollL + (docW - layerW) - 15, scrollT); break; case "bottom_left": layer.moveTo(scrollL, scrollT + (docH - layerH) - 15); break; case "bottom_right": layer.moveTo(scrollL + (docW - layerW) - 15,scrollT + (docH - layerH) - 15); break; default: layer.moveTo(scrollL,scrollT); } //make layer visible layer.visibility = "show"; } } //--> </script> <span id="pane"><layer name="pane" width=&{layerW}; height=&{layerH};></layer></span> <script> <!-- setInterval("scroller();",10); if(TimerOrClock.toLowerCase() == "clock") setInterval("clock();",1000); else setInterval("timer();",1000); //--> </script> <!------------ 插入控制碼區段結束 ------------>