Antworten zu häufig gestellten Homepage-Fragen
 Alle Anleitungen
Einige Anleitungen
Intern
Kostenl. Partnerlinks
[,__,] Druckversion

Hinweis: Die Website Homepage-FAQs.de befindet sich seit 2012 im Archivmodus, d.h. sie wird nicht mehr aktualisiert.
FAQs zu Homepage & Co.
Javascript - Linkeffekte, Regen, Regenbogen und Schnee

Inhalt:

- Link-Fade-Script (aufglühender Link)

- Schneeflocken-Script

- Ein Regen-Script

- Ein Highlight-Script



Link-Fade-Script (aufglühender Link):

Mit diesen Javascripts glühen die Links auf bzw. verändern langsam ihre Farbe, wenn man mit der Maus darüberfährt und wieder wegfährt

mal bei Google nach fade links (deutsche Seiten) suchen, z.B.

http://www.drweb.de/trickkiste/tricks170.shtml

http://www.webwork-community.net/posting3033_24_0.html

http://www.traum-projekt.com/forum/sitemap/t-9213.html

http://www.yubb.de/artikel298.html


Schneeflocken-Script:

Viele alte Schneeflockenscripte gehen wohl nur beim IE und Opera, die Firefox-User sehen nichts.

Aber hier einige Schnee-Javascripte, die auch für Firefox geeignet sind

http://www.la-bruja.de/frame/index.h...ele/schnee.htm
(mit Bild)
Hinweis: Schneeflockenscript (mit Code und Bild) wird nur angezeigt, wenn Javascript im Browser aktiviert ist
>> Weitere Hinweise unten bei (1)

http://www.kostenlose-javascripts.de...ne-bilder.html
(ohne Bilder, mit dem *-Zeichen als Schneeflocke)
>> Hinweis zum Werbelink im Javascript, siehe (2)

http://www.kostenlose-javascripts.de...t-bildern.html
(mit Bildern)
>> Hinweis zum Werbelink im Javascript, siehe (2)

Und hier ein Mauszeiger, leider geht er in Firefox nicht

http://www.web-toolbox.net/webtoolbo...ger-schnee.htm

Beim Schneescript gilt wie für vieles andere auch "weniger ist mehr", d.h. nicht auf jeder Seite Schnee rieseln lassen, bei seriösen Seiten oder Seiten mit Themen wie Hardrock usw. sollte es bei einer spezielle Winterseite bleiben, bei Kinder- oder Bastelseiten kann es dagegen auf vielen Seiten schneien.
zu (1) Probleme (Firefox und allgemein)

Useranfrage: ...im Firefox kein Schnee...

Meine Antworten: ...im Firefox unter Extras / Einstellungen... bei
[x] JavaScript aktivieren
hier ein Häkchen setzen und mit OK bestätigen. Bei meinem Firefox 2 schneits auf jeden Fall.

...wurde auch die ZIP mit den Bildern snow.gif und snow1.gif geladen und entpackt?

Wurde im Schneescript diese Adresse zum Bild

HTML-Code:
// relative Adresse der Schneeflocke 
var schneeflocke = "../img/snow1.gif";
auch angepasst? - z.B. so

HTML-Code:
// relative Adresse der Schneeflocke 
var schneeflocke = "snow1.gif";
wenn Bild und Seite mit Schneescript im gleichen Verzeichnis liegen.

zu (2) Werbelink im Javascript

Useranfrage: ...wenn ich das Script ... verwende, dann steht da auf meiner Seite immer ein Link mit Text... wenn ich den wegmache geht das ganze Script nicht mehr...

Meine Antwort: ...das Script prüft ob der (Werbe-)Link entfernt wurde, wenn ja dann verweigert es seinen Dienst, ansonsten lädt es Code nach - gemein sowas, aber von der Scriptschreiberseite durchaus verständlich.

Schneeflocken in JAVA**, siehe

http://www.anfyteam.com/anj/ansnow/ansnow.html
_____________________________________________
**JAVA und Javascript sind verschiedene Sachen

Ein Regen-Script:

Lässt es auf ihrer Homepage regnen. >> Hier <<

Geht im Internet Explorer und Opera, aber nicht bei Firefox 2


Ein Highlight-Script:

Dieses Script sorgt dafür, dass die Buttons

a) etwas dunkel sind und beim Drüberfahren mit der Maus aufleuchten, wenn der Hintergrund dunkel ist
b) etwas nebelig verschleiert sind und beim Drüberfahren klar und leuchtend erscheinen, falls der Hintergrund hell ist.

(Dieser Teil in den Head-Bereich)

<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=50
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
</script>

Und hier ein Beispiel, wie der Html-Code für den Button-Link aussieht:

(Dieser Teil kommt natürlich in den Body-Bereich)

<a href="http://www.anime-fusion.com" target="_blank">
<img src="http://www.dbz-gt-box.de/thug-anime/8815_2.jpg"
width="88" height="15" style="filter:alpha(opacity=50)"
onMouseOver="high(this)" onMouseOut="low(this)" border="0"></a>


Anleitung (C) 2004 - 2007 Daniel Wurst - http://www.homepage-faqs.de