KrixPrix: Html und CSS + Javascript - Buttonevents

Hallo,

habe kein anderes Unterforum gefunden, dass sich mit dem Thema beschäftigt, einige andere haben hier auch schon Fragen gepostet.

Fangen wir an: Ich habe eine Schöne website erstellt, mit einer stylishen Navibar, wobei die buttons alle Grafiken sind. Habe pro button 2 verschiedene Designs. Einmal eingedrückt, und einmalwenn er nicht geddrückt ist. Damit der User weiß, auf welcher seite er sich befindet.
Ich habe es geschafft, dass wenn man drüberfährt das eingedellt aussieht. Das will ich auch beibehalten. Nur soll das auch eingedrückt bleiben. Wie mache ich das ?
Momentan siehts so aus:

<div id="navi" >
<a href="home.html" ononclick="a1.src='img/home_over.jpg" onmouseover="a1.src='img/home_over.jpg';" onmouseout="a1.src='img/home.jpg';" name="a1"><img src="img/home.jpg" title="Home" border="0" alt="" name="a1"></a><a href="news.html" onmouseover="a2.src='img/news_over.jpg';" onmouseout="a2.src='img/news.jpg';" name="a2"><img src="img/news.jpg" border="0" alt="" title="News" name="a2"></a><a href="project.html" onmouseover="a3.src='img/project_over.jpg';" onmouseout="a3.src='img/project.jpg';" name="a3"><img src="img/project.jpg" border="0" title="Project" alt="" name="a3"></a><a href="tutorial.html" onmouseover="a4.src='img/tutorial_over.jpg';" onmouseout="a4.src='img/tutorial.jpg';"name="a4"><img src="img/tutorial.jpg" border="0" title="Tutorial" alt="" name="a4"></a><a href="contact.html" onmouseover="a5.src='img/contact_over.jpg';" onmouseout="a5.src='img/contact.jpg';" name="a5"><img src="img/contact.jpg" title="Kontakt" border="0" alt="" name="a5" /></a>
</div>

Danke im voraus. Ist dringend.
Neben bei wollte ich noch fragen, aber das will ich nur mal so nebenbei wissen, wie man diesen Fade-In effekt von text macht, wie er seit neuerem bei der google startseite vorhanden ist.
Nochmal Danke und eine wilde Silvesternacht

  1. » Habe pro button 2 verschiedene Designs. Einmal eingedrückt, und einmalwenn er nicht geddrückt ist. Damit der User weiß, auf welcher seite er sich befindet.

    Ich habe es geschafft, dass wenn man drüberfährt das eingedellt aussieht. Das will ich auch beibehalten. Nur soll das auch eingedrückt bleiben. Wie mache ich das ?

    Dafür brauchst du eigentlich kein Javascript..
    geht wunderbar mit CSS..

    was du brauchst ist ":hover"
    http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm@title=Hover

    Wie programmierst du? statische HTML seiten, oder über php?

    Und ganz wichtig, benutzt du Frames?

    Das der Button gedrückt bleibt musst du anderst lösen. Wenn du Frames verwendest mit Javascript. Solltest du keine Frames benutzen und mit php arbeiten können, kannst du das gleich Serverseitig mit CSS lösen.

  2. Damit der User weiß, auf welcher seite er sich befindet.

    Verlinke die gegenwärtige Seite nicht, und nutze das für dein CSS-Styling.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische