Floating Clock

Die Uhr, die Du oben rechts siehst folgt der Seite automatisch
beim herunterscrollen und bleibt somit ständig sichtbar.

Außerdem kann noch ein entsprechender Link intergriert werden.

Farbe, Schrift u.s.w. kann an die eigene Homepage angepasst werden.

HTML-Einbindung
   <script language="JavaScript">  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(llocation.toLowerCase()) { 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 if(NS6) { layer = document.getElementById("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 = window.innerHeight; docW = window.innerWidth; scrollT = window.pageYOffset; scrollL = window.pageXOffset; switch(llocation.toLowerCase()) { case "top_left": layer.style.top = scrollT; layer.style.left = scrollL; break; case "top_right": layer.style.top = scrollT; layer.style.left = scrollL + (docW - layerW); break; case "bottom_left": layer.style.top = scrollT + (docH - layerH); layer.style.left = scrollL; break; case "bottom_right": layer.style.top = scrollT + (docH - layerH); layer.style.left = scrollL + (docW - layerW); break; default: layer.style.top = scrollT; layer.style.left = 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(llocation.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> <style type="text/css"> #pane {position: absolute; visibility: hidden;} A, A:VISITED {font-family : Arial; font-size : 12pt; text-decoration : none; color : Blue;} A:HOVER {font-family : Arial; font-size : 12pt; text-decoration : none; color : Red;} td {font-family:Arial; font-size:12pt;} .heading {font-family:Arial; font-size:14pt;} </style>  <script>  </script> <p> <p> <p> <p> <p> <p> <p> <p> <span id="pane"><layer name="pane" width=&{layerW}; height=&{layerH};></layer></span>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"