Link 1
Link 2
Link 3
Link 4
Link 5
Link 6
Link 7
Link 8
Link 9
Link 10
[Beschreibung]
Eine "bewegte" Navigation...
[Kompatibilität]
[Code]
<script language="JavaScript" type="text/javascript"> <!-- /* This script was written by an unknown coder * and was modified by N8i (www.nightfire.ch) * This script works with all DOM compliant browsers */ function DummyStart() { return } function Spirale() { this.start = DummyStart } //Browser Sniffer var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var mozup = (!document.all && document.getElementById) ? 1 : 0; function ErdbebenStart() { if(this.running) return this.running = true this.counter = 0 if(ns4up) { this.pos = parseInt(document[this.id].top) setTimeout(this.name + ".end()", this.duration_effect) } if (ie4up) { this.pos = parseInt(window[this.id].style.posTop) setTimeout(this.name + ".end()", this.duration_effect) } if (mozup) { this.pos = parseInt(document.getElementById(this.id).style.top, 10); setTimeout(this.name + ".end()", this.duration_effect); } } function ErdbebenEnde(akt_pos) { var welle = this.hoehe * Math.sin(Math.PI * this.increment * this.counter) * ((this.max_counter - this.counter) / this.max_counter) if(ns4up) { document[this.id].top = this.pos + welle } if (ie4up) { window[this.id].style.posTop = this.pos + welle } if (mozup) { document.getElementById(this.id).style.top = this.pos + welle } this.counter++ if(this.counter == this.max_counter) { if(ns4up) { document[this.id].top = this.pos } if (ie4up) { window[this.id].style.posTop = this.pos } if (mozup) { document.getElementById(this.id).style.top = this.pos; } setTimeout(this.name + ".running = false", this.duration_wait) } else setTimeout(this.name + ".end()", this.duration_effect) } function Erdbeben(id, name) { // Deklaration des Objekts "Erdbeben" this.hoehe = 20; 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 = ErdbebenStart; this.end = ErdbebenEnde; } function SpiraleStart() { if(this.running) return this.running = true this.counter = 0 if (ns4up) { this.pos_x = parseInt(document[this.id].left) this.pos_y = parseInt(document[this.id].top) setTimeout(this.name + ".end()", this.duration_effect) } if (ie4up) { 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) } if (mozup) { this.pos_x = parseInt(document.getElementById(this.id).style.left, 10) this.pos_y = parseInt(document.getElementById(this.id).style.top, 10) setTimeout(this.name + ".end()", this.duration_effect) } } function SpiraleEnde(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(ns4up) { document[this.id].left = this.pos_x + r_x document[this.id].top = this.pos_y + r_y } if (ie4up) { window[this.id].style.posLeft = this.pos_x + r_x window[this.id].style.posTop = this.pos_y + r_y } if (mozup) { document.getElementById(this.id).style.left = this.pos_x + r_x document.getElementById(this.id).style.top = this.pos_y + r_y } this.counter++ if(this.counter == this.max_counter) { if(ns4up) { document[this.id].left = this.pos_x document[this.id].top = this.pos_y } if (ie4up) { window[this.id].style.posLeft = this.pos_x window[this.id].style.posTop = this.pos_y } if (mozup) { document.getElementById(this.id).style.left = this.pos_x document.getElementById(this.id).style.top = this.pos_y } setTimeout(this.name + ".running = false", this.duration_wait) } else setTimeout(this.name + ".end()", this.duration_effect) } var Gimmick1 = new Erdbeben("T1", "Gimmick1") var Gimmick2 = new Erdbeben("T2", "Gimmick2") var Gimmick3 = new Erdbeben("T3", "Gimmick3") var Gimmick4 = new Erdbeben("T4", "Gimmick4") var Gimmick5 = new Erdbeben("T5", "Gimmick5") var Gimmick6 = new Erdbeben("T6", "Gimmick6") var Gimmick7 = new Erdbeben("T7", "Gimmick7") var Gimmick8 = new Erdbeben("T8", "Gimmick8") var Gimmick9 = new Erdbeben("T9", "Gimmick9") var Gimmick10 = new Erdbeben("T10", "Gimmick10") //--> </script>
<p><a style="position: relative; top: 0" href="#" id="T1" onmouseover="Gimmick1.start()"><b>Link 1</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T2" onmouseover="Gimmick2.start()"><b>Link 2</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T3" onmouseover="Gimmick3.start()"><b>Link 3</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T4" onmouseover="Gimmick4.start()"><b>Link 4</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T5" onmouseover="Gimmick5.start()"><b>Link 5</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T6" onmouseover="Gimmick6.start()"><b>Link 6</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T7" onmouseover="Gimmick7.start()"><b>Link 7</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T8" onmouseover="Gimmick8.start()"><b>Link 8</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T9" onmouseover="Gimmick9.start()"><b>Link 9</b></a></p> <p><a style="position: relative; top: 0" href="#" id="T10" onmouseover="Gimmick10.start()"><b>Link 10</b></a></p>
?? modified by N8i (www.nightfire.ch)
Kopieren Sie bitte den Code