KrixPrix: Html und CSS + Javascript - Buttonevents

Beitrag lesen

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