perlunity.de | Javascript : Animationen - Fading Links 2 | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5374 davon online: 1 weitere User: 18

12.02.2012 / 10:40

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Javascript » Animationen » Fading Links 2
zur Übersicht

Kategorie Animationen

Bezeichnung Fading Links 2

ScriptDemo Neues Fenster für Demo öffnen

Statistik 17582 Aufrufe davon 1x gestern

Keine Beschreibung vorhanden.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<html> <head> <title> Fadin' Links ][ </title> <style> a {text-decoration:none;} </style> <script> /********** Fading Links ][ Script ******************************** Autor: www.weristfelix.de Felix@Antifas.de */ var link = new Array(); function new_link(text,url) { var neu = link.length; link[neu] = new Array(); link[neu]["url"]=url; link[neu]["text"]=text; } function linkliste() { x=0; y=link.length-1; while(x<=y) { document.write("<a onmouseover=\"setzen("+x+")\" href=\"" + link[x]["url"] + "\" target=\"" + target + "\"><span id=\"link"+x+"\">" + link[x]["text"] + "</span></a>"+trennzeichen); link[x]["text"] = document.getElementById("link"+x).innerHTML; link[x]["style"] = document.getElementById("link"+x).style; link[x]["style"].color = Color["standard"]; link[x]["style"].fontWeight = font_weight["standard"]; link[x]["style"].letterSpacing = letter_spacing["standard"]; x++; } } function setzen(stelle) { x=0; y=link.length-1; while(x<=y) { link[x]["style"].color = Color["standard"]; link[x]["style"].fontWeight = font_weight["standard"]; link[x]["style"].letterSpacing = letter_spacing["standard"]; x++; } stelle= Number(stelle); for(var x=-3;x<=3;x++) { y=Math.abs(x) if(link[stelle-x]) { with(link[stelle-x]["style"]) { color = Color[y]; fontWeight = font_weight[y]; letterSpacing = letter_spacing[y]; } } } } z=-4; function intro() { if(z<=link.length+3) { setzen(z); z++; setTimeout("intro()",100); } } /*** hier die Links editieren ***/ new_link("[JSUNITY]", "http://www.jsunity.de"); new_link("[SelfHTML]", "http://www.selfhtml.org"); new_link("[Page des Autors]", "http://www.weristfelix.de"); new_link("[Mail an den Autor]", "mailto:Felix@Antifas.de"); new_link("[history.back()]", "javascript:history.back()"); new_link("[JSUNITY]", "http://www.jsunity.de"); new_link("[SelfHTML]", "http://www.selfhtml.org"); new_link("[Page des Autors]", "http://www.weristfelix.de"); new_link("[Mail an den Autor]", "mailto:Felix@Antifas.de"); new_link("[history.back()]", "javascript:history.back()"); new_link("[JSUNITY]", "http://www.jsunity.de"); new_link("[SelfHTML]", "http://www.selfhtml.org"); new_link("[Page des Autors]", "http://www.weristfelix.de"); new_link("[Mail an den Autor]", "mailto:Felix@Antifas.de"); new_link("[history.back()]", "javascript:history.back()"); target = "_blank"; // für frames oder ähnliches... trennzeichen = "<br>"; // entweder <p> oder <br> je nach wunsch /*** hier das design auf die eigene page anpassen ***/ var font_weight = new Array(900,800,600,300); // die arrays dürfen alle nicht mehr oder weniger als 4 werte haben var Color = new Array("#FF8000","#C00000","#800000","#400000"); // der erste wert ist für den mittleren Link, die folgenden bilden den übergang zum Normaltext var letter_spacing = new Array("5px","4px","3px","2px"); // ich empfehle per css die text-decoration der links auf 'none' zu setzen font_weight["standard"] = 300; //so soll es ohne mouse-hover aussehen Color["standard"] = "#000000"; letter_spacing["standard"] = "1pt"; /*** Ende Fadin' Links ][ Script ***********************************************/ </script> </head> <body onload="intro()"> <script> linkliste(); </script> </body>

Kommentare zu Fading Links 2

0 Kommentar(e) vorhanden / Anzeige der neuesten 5

Noch keine Kommentare zu diesem Javascript vorhanden.

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0382_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 10177