Mario & Luigis wunderbare Welt

Rotierende Links - Mario & Luigis wunderbare Welt















 
 



Desktop-Version | Mobile Version
Deutsch | English
 



Navigation
 Startseite 
 Charaktere 
 Spiele 
 Konsolen 
 Nintendo 
 Javascripts 
 Webdesign 
 Links 
 Pagerank 
 Awards 
 Newsarchiv 
 Gästebuch 
 Impressum 
 
Anzeige
Waluigis HomepageSuper Marios Cousin hat seine eigene, inoffizielle Webseite, wo er sich vorstellt und von sich erzählt. Besuche jetzt Waluigis Webseite und erfahre alles über Waluigi.Seite besuchen 
 
Anzeige
NintendoNintendo gilt zu den welweit größten Firmen in Sachen Spiele- und Konsolenherstellung. Besuche die offizielle Webseite, um immer auf dem Laufenden zu bleiben.Seite besuchen 
BoxtitelAchtung: In deinem Browser ist Javascript deaktiviert! Aus diesem Grund kann die Desktop-Version der Seite nur mit festen Breiten angezeigt werden. Rotierende Links
Beschreibung
Mit diesem Javascript lässt sich ein Feld erzeugen, in dem frei einstellbare Links walzenförmig rotieren. Die Links, die Schrift, das Feld und das Rotationsverhalten können im oberen Bereich des Javascripts eingestellt werden. Die Größen werden in Pixel angegeben und die Zeiten in Millisekunden (1s = 1000ms). Für die Rotationsrichtung gibt es die Varianten "oben" und "unten", die sich auf die Bewegungsrichtung der Links im Vordergrund beziehen.
 
Technische Details
Mindestvoraussetzungen

CSS:2.0
Javascript:1.0
Netscape:4.0
Internet Explorer:3.0
Firefox:1.0
Opera:5.12
Chrome:1.0
Safari:1.0
Konqueror:3.1


Verwendete intrinsische Funktionen
Methoden

Array()
cos()
for()
if()
round()
setTimeout()
sin()
unescape()
with()
write()

Eigenschaften

fontSize
PI
style
top
zIndex

 
Vorschau

 
Javascript einbinden
HTML-Code
<script type="text/javascript">
<!--
/*
© Valentin Hammer
Originalversion auf http://www.supermario.homepage.eu
*/

var Links55 = new Array();
var Beschreibungen55 = new Array();
var Zielfenster55 = new Array();
var Zaehler55 = 0;
var i55 = 0;



/***** HIER DIE EINSTELLUNGEN FÃœR DIE ANZEIGE VORNEHMEN *****/

var Feldbreite55 = 300;
var Feldhoehe55 = 200;
var Schriftart55 = "Arial";
var Schriftgroesse55 = 20;
var kleinste_Schriftgroesse55 = 10;
var Rotationsrichtung55 = "unten";
var bewegen_um_Pixel55 = 4;
var Bewegungsintervall55 = 100;


/***** HIER DIE LINKS EINSTELLEN *****/


// LINK 1

Links55[i55] = "http://www.google.at";
Beschreibungen55[i55] = "Google";
Zielfenster55[i55++] = "_blank";


// LINK 2

Links55[i55] = "http://www.waluigi.homepage.eu";
Beschreibungen55[i55] = "Waluigis Homepage";
Zielfenster55[i55++] = "_blank";


// LINK 3

Links55[i55] = "http://www.affusvongorilla.homepage.eu";
Beschreibungen55[i55] = "Affus bunte Seiten";
Zielfenster55[i55++] = "_blank";


// LINK 4

Links55[i55] = "http://www.homepage.eu";
Beschreibungen55[i55] = "Homepage.eu";
Zielfenster55[i55++] = "_blank";


// WEITERE LINKS KÖNNEN NACH GLEICHEM SCHEMA EINGEBAUT WERDEN


/***** AB HIER NICHTS MEHR ÄNDERN *****/



if(Rotationsrichtung55=="oben")
bewegen_um_Pixel55 = -bewegen_um_Pixel55;

var Rotation_HTML55 = '%3Ctable border="0" width="'+Feldbreite55+'" style="height: '+Feldhoehe55+'px; position: relative">%3Ctr>%3Ctd>';

for(var j=0;j<i55;j++)
Rotation_HTML55 += '%3Cform name="Rotationsform55" style="font-family: '+Schriftart55+'; font-size: '+Schriftgroesse55+'px; text-align: center; width: '+Feldbreite55+'px; position: absolute; top: 0px; left: 0px">%3Ca target="'+(Zielfenster55[j] ? Zielfenster55[j]:'_parent')+'" href="'+Links55[j]+'">'+Beschreibungen55[j]+'%3C/a>%3C/form>';

document.write(unescape(Rotation_HTML55+'%3C/td>%3C/tr>%3C/table>'));

function Animation55()
{
for(var j=0;j<i55;j++)
{
with(i55>1 ? document.Rotationsform55[j].style:document.Rotationsform55.style)
{
fontSize = Math.round((Schriftgroesse55+kleinste_Schriftgroesse55)/2+Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*(Schriftgroesse55-kleinste_Schriftgroesse55)/2);
top = (Feldhoehe55/2-Schriftgroesse55/2)+Math.sin((Zaehler55+j*360/i55)/180*Math.PI)*(Feldhoehe55-Schriftgroesse55)/2+"px";
zIndex = Feldhoehe55/2+Math.round(Math.cos((Zaehler55+j*360/i55)/180*Math.PI)*Feldhoehe55/2);
}
}

Zaehler55 += bewegen_um_Pixel55;

window.setTimeout("Animation55()",Bewegungsintervall55);
}

Animation55();
//-->
</script>

 

Feiertage

Zum Anzeigen der Feiertage muss Javascript im Browser aktiviert sein.
 
Tools
Zum Verwenden der Seitentools muss Javascript im Browser aktiviert sein.
 
Toplisten
LINKS2000.DE Webkatalog & Handy Fun
Top18
top18.de
 
Besucher
Zum Anzeigen der Besucherzahlen muss Javascript im Browser aktiviert sein.
 

Copyright Valentin Hammer
Zuletzt geändert am 6. Januar 2020