[JS] Drehendes Menü

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:

 <style>
<!--
.fly  { color: #000040; font-family: arial; font-size: 18px; position: absolute; visibility:hidden; z-index: 2;}
.logo { font-family: arial; font-size: 50px; color: #000040; position: absolute; top:200; left: 360px; visibility: visible; z-index: 7;}
.desc { text-align: center; font-family: arial; font-size: 12px; color: red; position: absolute; top: 220px; left:280px; width: 400px; visibility: hidden; z-index: 0;}
// -->
</style>
<!--
// bearbeitet und erweitert durch kh@javarea.de
// URL: http://www.javarea.de
// Dieses Skript stammt von Michael Mailer´s JavaScripts
// URL: http://www.webaid.de/js  --  eMail: mm@webaid.de
// Bitte   entfernen   Sie   diesen   Vermerk   nicht  !

    function showObject(object) {
        object.visibility = VISIBLE;
    }
    function hideObject(object) {
        object.visibility = HIDDEN;
    }
    function slideLogo(from, to) {
            if (from < to) {
                company.top = (from += 10);
                setTimeout('slideLogo(' + from + ',' + to + ')', 75);
            }
            else initObjects();
    }
    function rotateObjects() {
            for (var i = 0; i < pos.length; i++) {
                pos[i] += inc; objects[i].visibility = 'visible';
                objects[i].left = (r * Math.cos(pos[i])) + xoff
                objects[i].top = (r * Math.sin(pos[i])) + yoff;
            }
        rotateTimer = setTimeout("rotateObjects()", 70);
    }
     function initObjects() {
        objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6);
        pos = new Array();
        pos[0] = 0;
            for (var i = 1; i < objects.length; i++) {
                pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
            }
        rotateObjects();
    }
    var objects;
    var pos;
    var r = 100;        	// radius des Ringes
    var xoff = 460;     	// Linkrotationsposition von links
    var yoff = 200;     	// Linkrotationsposition von oben
    var pi = Math.PI;
    var inc = pi / 10000000;    // Speed zum (vorgetäuschten stopen)
    var inc = pi / 180;         // Speed zum (links drehen)
//  var inc = -(pi / 180);    // Speed (rechts drehen)
    var objects;        	// objekte beim Rotieren
    var pos;            	// position für Objekte

function rechts() {
inc=pi/180;
}
function links() {
inc=-(pi/180);
}
function stop() {
inc=pi/100000000;
}
// -->
</script>

<font face="Verdana">
<div id = "fly1" class = "fly">
<a href = "#" onMouseOver = "showObject(desc1);stop()" onMouseOut = "hideObject(desc1);rechts()" class="LinkInt">Home</a><br></div>
<div id = "fly2" class = "fly">
<a href = "#" onMouseOver = "showObject(desc2);stop()" onMouseOut = "hideObject(desc2);rechts()" class="LinkInt">Büro</a><br></div>
<div id = "fly3" class = "fly">
<a href = "#" onMouseOver = "showObject(desc3);stop()" onMouseOut = "hideObject(desc3);rechts()" class="LinkInt">Gut</a><br></div>
<div id = "fly4" class = "fly">
<a href = "#" onMouseOver = "showObject(desc4);stop()" onMouseOut = "hideObject(desc4);rechts()" class="LinkInt">Pferde</a><br></div>
<div id = "fly5" class = "fly">
<a href = "#" onMouseOver = "showObject(desc5);stop()" onMouseOut = "hideObject(desc5);rechts()" class="LinkInt">Mitglieder</a><br></div>
<div id = "fly6" class = "fly">
<a href = "#" onMouseOver = "showObject(desc6);stop()" onMouseOut = "hideObject(desc6);rechts()" class="LinkInt">Sonstiges</a><br></div>





<div id = "desc1" class = "desc">Beschreibung 1</div>
	<div id = "desc2" class = "desc">Beschreibung 2</div>
	<div id = "desc3" class = "desc">Beschreibung 3</div>
	<div id = "desc4" class = "desc">Beschreibung 4</div>
	<div id = "desc5" class = "desc">Beschreibung 5</div>
	<div id = "desc6" class = "desc">Beschreibung 6</div>

<script language = "JavaScript">
<!--
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';

    var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
    var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
    var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
    var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
    var fly5 = (isNS) ? document.fly5 : document.all.fly5.style;
    var fly6 = (isNS) ? document.fly6 : document.all.fly6.style;
  
    var company = (isNS) ? document.company : document.all.company.style;
    var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
    var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
    var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
    var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
    var desc5 = (isNS) ? document.desc5 : document.all.desc5.style;
    var desc6 = (isNS) ? document.desc6 : document.all.desc6.style;

    slideLogo(0, 100);
// -->
</script>
</font>
<font face="Arial,Helvetica" size="2">
<div id="mm" style="position:absolute; top:380px; left:360px">
</div>