kod w HTML
<img id="rysunek" border="0" src="rysunek1.png" onMouseOver="Pokaz()" onMouseOut="Pokaz()">
<button onClick="Pokaz()">Pokaz()</button>
Dodano Dzisiaj, 11:00:kod w JavaScript
var licznik=1;
function Pokaz(){
var objekt=document.getElementById('rysunek');
if (licznik==1) {
licznik=2;
} else {
licznik=1;
}
// fragment wlasciwy dla postu::
objekt.src="rysunek"+licznik+".png";
}
Dodano Dzisiaj, 11:00:za pomocą CSS
<a href="#" id="button">Text</a>
......
#button
{
display: block;
line-height: 50px;
width: 250px;
text-align: center;
text-decoration: none;
color: #FFFFFF;
background-color: #004080;
background-image: url("image_a.png");
background-repeat: no-repeat;
} #button:hover
{
text-decoration: underline;
background-color: #3C7CBC;
background-image: url("image_b.png");
background-repeat: no-repeat;
}
.......
<head>
<link rel="stylesheet" href="rollover.css" type="text/css" title="Rollover Effect" />
<head>
Autor postu otrzymał pochwałę
