Bewegliche Links

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den head-Tag einfügen--> <script LANGUAGE="JavaScript"> <!-- function GimmickDummyStart() { return } function GimmickVerschub() { this.start = GimmickDummyStart } function GimmickErdbeben() { this.start = GimmickDummyStart } function GimmickSpirale() { this.start = GimmickDummyStart } //--> </script><script language="JavaScript1.2" type="text/javascript"> <!-- function GimmickVerschubStart() { if(this.running) return this.running = true if(document[this.id]) { this.pos = parseInt(document[this.id].top) document[this.id].top += this.verschub setTimeout(this.name + ".end(" + document[this.id].top + ")", this.duration) } else { this.pos = parseInt(window[this.id].style.posTop) window[this.id].style.posTop += this.verschub setTimeout(this.name + ".end(" + parseInt(window[this.id].style.posTop) + ")", this.duration) } } function GimmickVerschubEnde(akt_pos) { if(akt_pos > this.pos) akt_pos-- if(document[this.id]) { document[this.id].top = akt_pos } else { window[this.id].style.top = akt_pos } if(akt_pos == this.pos) setTimeout(this.name + ".running = false", this.duration_wait) else setTimeout(this.name + ".end(" + akt_pos + ")", this.duration_effect) } function GimmickVerschub(id, name) { this.verschub = 60 this.duration = 1000 this.duration_effect = 50 this.duration_wait = 3000 this.running = false this.id = id this.name = name this.pos = 0 this.start = GimmickVerschubStart this.end = GimmickVerschubEnde } function GimmickErdbebenStart() { if(this.running) return this.running = true this.counter = 0 if(document[this.id]) { this.pos = parseInt(document[this.id].top) setTimeout(this.name + ".end()", this.duration_effect) } else { this.pos = parseInt(window[this.id].style.posTop) setTimeout(this.name + ".end()", this.duration_effect) } } function GimmickErdbebenEnde(akt_pos) { var welle = this.hoehe * Math.sin(Math.PI * this.increment * this.counter) * ((this.max_counter - this.counter) / this.max_counter) if(document[this.id]) document[this.id].top = this.pos + welle else window[this.id].style.posTop = this.pos + welle this.counter++ if(this.counter == this.max_counter) { if(document[this.id]) document[this.id].top = this.pos else window[this.id].style.posTop = this.pos setTimeout(this.name + ".running = false", this.duration_wait) } else setTimeout(this.name + ".end()", this.duration_effect) } function GimmickErdbeben(id, name) { this.hoehe = 60 this.duration_effect = 5 this.duration_wait = 1000 this.running = false this.id = id this.name = name this.increment = .1 this.pos = 0 this.counter = 0 this.max_counter = 100 this.start = GimmickErdbebenStart this.end = GimmickErdbebenEnde } function GimmickSpiraleStart() { if(this.running) return this.running = true this.counter = 0 if(document[this.id]) { this.pos_x = parseInt(document[this.id].left) this.pos_y = parseInt(document[this.id].top) setTimeout(this.name + ".end()", this.duration_effect) } else { this.pos_x = parseInt(window[this.id].style.posLeft) this.pos_y = parseInt(window[this.id].style.posTop) setTimeout(this.name + ".end()", this.duration_effect) } } function GimmickSpiraleEnde(akt_pos) { var r_x = this.radius * Math.sin(Math.PI * this.increment * this.counter) * Math.sin(Math.PI * this.counter / this.max_counter) var r_y = this.radius * Math.cos(Math.PI * this.increment * this.counter) * Math.sin(Math.PI * this.counter / this.max_counter) if(document[this.id]) { document[this.id].left = this.pos_x + r_x document[this.id].top = this.pos_y + r_y } else { window[this.id].style.posLeft = this.pos_x + r_x window[this.id].style.posTop = this.pos_y + r_y } this.counter++ if(this.counter == this.max_counter) { if(document[this.id]) { document[this.id].left = this.pos_x document[this.id].top = this.pos_y } else { window[this.id].style.posLeft = this.pos_x window[this.id].style.posTop = this.pos_y } setTimeout(this.name + ".running = false", this.duration_wait) } else setTimeout(this.name + ".end()", this.duration_effect) } function GimmickSpirale(id, name) { this.radius = 60 this.duration_effect = 5 this.duration_wait = 1000 this.running = false this.id = id this.name = name this.increment = .05 this.pos_x = 0 this.pos_y = 0 this.counter = 0 this.max_counter = 150 this.start = GimmickSpiraleStart this.end = GimmickSpiraleEnde } //--> </script><script language="JavaScript" type="text/javascript"> <!-- var Gimmick1 = new GimmickVerschub("T1", "Gimmick1") var Gimmick2 = new GimmickVerschub("T2", "Gimmick2") var Gimmick3 = new GimmickErdbeben("T3", "Gimmick3") var Gimmick4 = new GimmickErdbeben("T4", "Gimmick4") var Gimmick5 = new GimmickSpirale("T5", "Gimmick5") var Gimmick6 = new GimmickSpirale("T6", "Gimmick6") //--> </script> <!-- Diesen Code musst Du in den <body> einfügen.--> <p align="center"><a style="position: relative" href="beweglichelinks.html" id="T1" onmouseover="Gimmick1.start()" target="_self">Link Nr. 1</a> </p> <p align="center"><a style="position: relative" href="beweglichelinks.html" id="T3" onmouseover="Gimmick3.start()" target="_self">Link Nr. 2</a> </p> <p align="center"><a style="position: relative" href="beweglichelinks.html" id="T5" onmouseover="Gimmick5.start()" target="_self">Link Nr. 3</a> </p> <p align="center"><a style="position: relative" href="beweglichelinks.html" id="T6" onmouseover="Gimmick6.start()" target="_self">Link Nr. 4</a> </p> <p align="center"><a style="position: relative" href="beweglichelinks.html" id="T4" onmouseover="Gimmick4.start()" target="_self">Link Nr. 5</a> </p> <p align="center"><a style="position: relative" href="beweglichelinks.html" id="T2" onmouseover="Gimmick2.start()" target="_self">Link Nr. 6</a> </p> <p> </font> </script><script LANGUAGE="JavaScript"> <!-- // Diese Werte sind änderbar durchmesser = 1 // 1-10 für Kreisen hoch = 200 // 10-1000 für Kreisen breit = 200 // 10-1000 für Kreisen +Obenpendel schritte= 40 // 10-100 // Ab hier den Code nicht verändern elinitleftalt = 0 var1 = 0 var2 = 0 ae = new Array(); ce = 0; sc1 = 0; sc = 0 function effekt() {var ms = navigator.appVersion.indexOf("MSIE") ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) if(!ie4) {if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) {for (index=document.layers.length-1; index >= 0; index--) {layer=document.layers[index] if (layer.left==10000) layer.left=0}}return} for (index=document.all.length-1; index >= document.body.sourceIndex; index--) {el = document.all[index] animation = el.getAttribute("dynamicanimation", false) if(null != animation){}}i = 0 for (index=document.body.sourceIndex; index < document.all.length; index++) {el = document.all[index] animation = el.getAttribute("dynamicanimation", false) if (null != animation){ if(animation == "Kreisen" || animation == "Linksoben") {el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight} else{el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth el.style.posTop = 0} var1 = el.initLeft var2 = el.initTop el.initLeft = el.style.posLeft el.initTop = el.style.posTop if(animation == "Obenpendel") {el.initLeft = var1} if(animation == "Linkspendel" || animation == "Linkspendelklein") {el.initTop = var1} ae[i++] = el}}window.setTimeout("animate();", 0)} function offsetLeft(el){x = el.offsetLeft for (e = el.ot; e; e = e.ot) x += e.offsetLeft;return x} function offsetTop(el){y = el.offsetTop for (e = el.ot; e; e = e.ot) y += e.offsetTop;return y} function animate(){el = ae[ce] animation = el.getAttribute("dynamicanimation", false) sc++ if(animation == "Kreisen" || animation == "Obenpendel" || animation == "Linkspendel") {sc1 = schritte v = sc/sc1 rf = 1.0 - v t = v * 2.0*Math.PI rx = Math.max(Math.abs(el.initLeft), hoch) ry = Math.max(Math.abs(el.initTop), breit) el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx/durchmesser) el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry/durchmesser)} if(animation == "Links" || animation == "Linksoben"){sc1 = schritte dl = el.initLeft / sc1 dt = el.initTop / sc1 el.style.posLeft = el.style.posLeft - dl el.style.posTop = el.style.posTop - dt} if(animation == "Kreisenklein" || animation == "Linkspendelklein"){sc1 = schritte v = sc/sc1 rf = 1.0 - v t = v * 2.0*Math.PI el.initLeft=elinitleftalt rx = Math.max(Math.abs(el.initLeft), hoch) ry = Math.max(Math.abs(el.initTop), breit) el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx/durchmesser) el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry/durchmesser)} if (sc >= sc1){el.style.posLeft = 0 el.style.posTop = 0 ce++ sc = 0}if(ce < ae.length) window.setTimeout("animate();", 0)} //--> </script></p> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->