[NaughtyNavigation]

Link 1

Link 2

Link 3

Link 4

Link 5

Link 6

Link 7

Link 8

Link 9

Link 10

Eine "bewegte" Navigation...

[Code]

[zwischen <HEAD> und </HEAD>]
<style type="text/css">
<!--
a {text-decoration: none;}
-->
</style>

<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>

[zwischen <BODY> und </BODY>]

<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>

[Autor]

??
modified by N8i (www.nightfire.ch)

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 389