Fotografie Marburg - Bilder & Infos aus dem Marburger Alltag! www.marburg-foto.de.tl Menü: Home   Home   Herzlich Willkommen! Ich bedanke mich für Ihren Besuch! Bitte geben Sie bei Ihrem nächsten Besuch gleich: www.bus-marburg.de.vu  ein.     © 2010 by Johannes L.   Wetter in Marburg   Marburger Busse & Züge +++ Durch eine Baustelle in der Innenstadt entstehen möglicherweise Verspätungen und Umleitungen +++   IP

Uhr umkreist Cursor!
Klicke HIER um Beispiel zu sehen!
 - Nach oben!

 

---

<SCRIPT> <!-- Beginning of JavaScript - var x,y var step=5 var flag=1 var pause var timersmall var timerbig var isbigcircle=1 var pause=50 var bigradius var smallradius=50 var startwinkel=1 var imgnumber=12 var imgsrc="DeinGif.gif" var xcenter var xcenter var pi= Math.PI function onresizer() { clearTimeout(timerbig) clearTimeout(timersmall) initiate() } function initiate() { var initiatetimer=setTimeout("initiate2()",2000) } function initiate2() { if (document.layers) { xcenter=Math.floor(screen.width/2) ycenter=Math.floor(window.innerHeight/2) } if (document.all) { xcenter=Math.floor(document.body.clientWidth/2) ycenter=Math.floor(document.body.clientHeight/2) } bigradius=ycenter bigcircle() } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } function bigcircle() { if (isbigcircle==1) { if (document.all) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145) thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timerbig=setTimeout("bigcircle()",pause) } else { isbigcircle=0 clearTimeout(timerbig) } } function presmallcircle() { isbigcircle=0 clearTimeout(timerbig) smallcircle() } function prebigcircle() { isbigcircle=1 clearTimeout(timersmall) bigcircle() } function smallcircle() { if (isbigcircle==0) { if (document.all) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timersmall=setTimeout("smallcircle()",pause) } else { isbigcircle=0 clearTimeout(timersmall) } } window.onoad=initiate() // - End of JavaScript - --> </SCRIPT> <STYLE> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; color:FF0000 } .linktofun { position:absolute; top:240px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } .explain { position:absolute; top:40px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } A { font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration:underline } A:visited { color: #000000; } </STYLE> <SCRIPT> <!-- Beginning of JavaScript - for (i=1;i><=imgnumber;i++) { document.write("><span id='span"+i+"' class='spanstyle'>") document.write("<img src='"+imgsrc+"'>") document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; document.onresize = onresizer; // - End of JavaScript - --</SCRIPT>

Gifs ( Du kannst den Gif selbst aussuchen )tanzen im Kreis.
Klicke HIER um Beispiel zu sehen!
 - Nach oben!

 

---

<script type="text/javascript" language="JavaScript"> <!-- // The original Pinwheel Javascript was written by // Roy Whittle (Roy@Whittle.com), www.Roy.Whittle.com // Adopted for W3C DOM in Internet Explorer 5.x am Netscape 6.x by // Stefan Kuhn (stefan@come2kuhn.de), www.come2kuhn.de // [CONFIGURATION] var anz = 32; // Punktanzahl (1-32) var size = 2; // Punktgroesse (1-5) var RadMin = 10; // Startradius (0-100, in 5er-Schritten) var Angle = 11.5; // Kreis-Schritt (in Grad, frei waehlbar) var RadStepAnz = 4; // Puls-Steps (0-32, Pulsierschritte) var RadStep = 10 // Puls-Schritt (0-32, Groesse der Pulsierschritte) var step3D = 1; // 3D-Speed (0-32) var col = new Array('#00ff00','#ff0000'); // Farbe 1, Farbe 2 // [END OF CONFIGURATION] // Don't change anything of the following code // window.onerror=null; var StepAngle = (Angle)*2*Math.PI/360; var StepAngle3D = step3D*StepAngle/8; var ThisStep3D = 0; var ColNr = 0; var ColCounter = 0; var height = 0; var width = 0; var xpos = 0; var ypos = 0; var ax = 0; var ay = 0; ns4=(document.layers)?1:0; ie4=(document.all)?1:0; dom=(document.getElementById)?1:0; gecko=(navigator.product)?1:0; unit=(ns4)?'':'px'; function nelem(id) { var no = document.createElement('DIV'); no.id = id; no.style.position = 'absolute'; no.style.top = '0px'; no.style.left = '0px'; no.style.width = size + 'px'; no.style.height = size + 'px'; no.style.fontSize = size + 'px'; no.style.backgroundColor=col[col.length-1]; document.body.appendChild(no); } var dots = new Array(); function init() { function dot(nr) { if (ie4 && !dom) { this.obj = document.all['d'+nr].style; } if (ns4) { this.obj = document.layers['d'+nr]; } if (dom) { this.obj = document.getElementById('d'+nr).style; } this.step = nr%RadStepAnz; this.cosAngle = Math.cos(i*StepAngle); this.sinAngle = Math.sin(i*StepAngle); } for (i = 0; i < anz; i++) { if (dom) { nelem('d'+i); } dots[i] = new dot(i); } height = GetClientTop()+GetClientHeight()-1; width = GetClientLeft()+GetClientWidth()-1; if (ie4) { document.onmousemove=Mouse } if (ns4) { window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=Mouse; } if (gecko) { document.addEventListener('mousemove',Mouse,false) } } function Mouse(evnt) { xpos = (ie4)?event.x+document.body.scrollLeft:window.pageYOffset+evnt.pageX; ypos = (ie4)?event.y+document.body.scrollTop:window.pageYOffset+evnt.pageY; } function GetClientHeight() {return (ie4)?document.body.clientHeight:window.innerHeight;} function GetClientWidth() {return (ie4)?document.body.clientWidth:window.innerWidth;} function GetClientTop() {return (ie4)?document.body.scrollTop:window.pageYOffset;} function GetClientLeft() {return (ie4)?document.body.scrollLeft:window.pageXOffset;} function TwistnSpin() { if (step3D > 0) { ThisStep3D -= StepAngle3D; Cos3D = Math.cos(ThisStep3D); Sin3D = Math.sin(ThisStep3D); } else { Cos3D = 1; Sin3D = 1; } ay += (ypos - ay) / 10; ax += (xpos - ax) / 10; for (i = 0; i < anz; i++) { dots[i].step = (dots[i].step+1)%RadStepAnz; radius = RadMin+(dots[i].step*RadStep); var top = Math.round(ay + radius * dots[i].cosAngle * Cos3D) var left = Math.round(ax + radius * dots[i].sinAngle * Sin3D) if ( (top+size >= height) || (left+size >= width) ) { dots[i].obj.top ='-'+size+unit; dots[i].obj.left='-'+size+unit; } else { dots[i].obj.top = top + unit; dots[i].obj.left= left + unit; } } // Color-Animation if (ns4) { dots[ColCounter].obj.bgColor=col[ColNr]; } else { dots[ColCounter].obj.backgroundColor=col[ColNr]; } ColCounter++; if (ColCounter == anz) { ColCounter=0; ColNr++; } if (ColNr == col.length) ColNr=0; } function Starter() { init(); setInterval('TwistnSpin()', 25); } function resize() { var oh = height; var ow = width; height = GetClientTop()+GetClientHeight()-1; width = GetClientLeft()+GetClientWidth()-1; if ((oh!=height) || (ow!=width)) { if(ns4) location.reload(); else setTimeout('resize()',10); } } // Initialisation for ie4 & ns4 if (!dom) { for (i = 0; i < anz; i++) { if (ns4) { document.write('><LAYER NAME="d'+i+'" LEFT=0 TOP=0 BGCOLOR='+col[col.length-1]+' CLIP="0,0,'+size+','+size+'"></LAYER>'); } if (ie4) { document.write('<DIV ID=d'+i+' STYLE="position:absolute;top:0px;left:0px;width:'+size+'px;height:'+size+'px;background:'+col[col.length-1]+';font-size:3px"></DIV>'); } } } window.onresize=resize; window.onload=Starter; --</script>
Zweifarbige Spirale um den Mauszeiger!
Klicke HIER um Beispiel zu sehen!
 - Nach oben!

 

---

<SCRIPT language="JavaScript" type="text/javascript"> <!-- Begin var m = "letzte Aktualisierung am " + document.lastModified; var p = m.length-8; document.write(m.substring(p, 0)); // End --> </SCRIPT> <style type="text/css"> <!-- stats.de ist nicht mehr aktiv --></FONT> <a id="selfpromotionOverlay" href="https://www.homepage-baukasten.de/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow"> Diese Webseite wurde kostenlos mit <b>Homepage-Baukasten.de</b> erstellt. Willst du auch eine eigene Webseite? <div class="btn btn-1">Gratis anmelden</div> </a> <style> body { padding-top: 124px; } #forFixedElement { top: 124px; } @media (min-width: 365px) { body { padding-top: 103px; } #forFixedElement { top: 103px; } } @media (min-width: 513px) { body { padding-top: 82px; } #forFixedElement { top: 82px; } } @media (min-width: 936px) { body { padding-top: 61px; } #forFixedElement { top: 61px; } } /* General button style */ #selfpromotionOverlay .btn { border: none; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 6px 15px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; margin: 0px; } /* Button 1 */ #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited { background: rgb(0, 85, 204); color: #fff; } #selfpromotionOverlay .btn-1:hover { background: #2980b9; } #selfpromotionOverlay .btn-1:active { background: #2980b9; top: 2px; } #selfpromotionOverlay { font: 400 12px/1.8 "Open Sans", Verdana, sans-serif; text-align: center; opacity: 1; transition: opacity 1s ease; position: fixed; overflow: hidden; box-sizing: border-box; font-size: 14px; text-decoration: none; line-height: 1.5em; flex-wrap: nowrap; z-index: 5000; padding: 14px; width: 100%; left: 0; right: 0; top: 0; color: rgb(35,35,35); background-color: rgb(246,246,246); border-bottom: 1px solid #5a5a5a; } #selfpromotionOverlay:hover { background: white; text-decoration: none; } </style></body> </html>