Alta imagine la trecere mouseului peste ea

Cred ca multi dintre voi vreti,ca,atunci cand creeati un template,sau oricand,sa puteti face ca la trecerea cursorului peste o imagine,sa apara alta.

Ce va arat eu poate fi postat si pe forum,poate fi folosit la semnatura,etc.

O sa va dau doua exemple:
Un cod unde imaginea sa se schimbe,si la apasarea ei sa fie redirectionat userul ce da click pe site-ul ales de dvs.
Si altul care pur si simplu schimba imaginea,fara niciun URL.


Cod cu URL

Exemplu:
In parea stanga vedeti imaginea verde,iar daca tineti mouse-ul pe ea se va schimba cu cea dorita si a apasarea ei veti fi redirectionat pe un link.

Cod:
<a href="URL"><img border="0"src="LINK IMAGINE 1" onmouseover="this.src='LINK IMAGINE 2';" onmouseout="this.src='LINK IMAGINE 1';" /></a>



Cod fara URL

Exemplu
In partea dreapta vedeti imaginea verde.
Daca treceti cursorul de la mouse peste ea,se va schimba cu cea neagra.

Cod:
<img border="0"src="LINK IMAGINE 1" onmouseover="this.src='LINK IMAGINE 2';" onmouseout="this.src='LINK IMAGINE 1';" />