+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [JS] Efekt powolnej zmiany obrazka (przycisku) (/thread-js-efekt-powolnej-zmiany-obrazka-przycisku)
[JS] Efekt powolnej zmiany obrazka (przycisku) - PioPi0 - 11-12-2009
Przeglądając stronę http://www.lockerz.com.pl/ spodobał mi się prosty i dość ciekawy efekt. Chodzi o przyciski w headerze. Po najechaniu na niego powoli się pojawia, a po zjechaniu tak samo znika.
Podobną rzecz zauważyłem także na stronie http://www.cdaction.pl/ - pod przyciskami pojawia się podświetlenie. Efekt ma dużo zastosowań, dlatego proszę was o podanie skryptu (prawdopodobnie w js).
Pozdrawiam
RE: [JS] Efekt powolnej zmiany obrazka (przycisku) - mateo - 11-12-2009
W head
Kod:
<SCRIPT language='JavaScript'>
<!--
if (document.images)
{
pic1on= new Image(71,106);
pic1on.src="images/obrazek_po_najechaniu.jpg";
pic1off= new Image(71,106);
pic1off.src="images/obrazek_przed_najechaniem.jpg";
}
function lightup(imgName)
{
if (document.images)
{
imgOn=eval(imgName + "on.src");
document[imgName].src= imgOn;
}
}
function turnoff(imgName)
{
if (document.images)
{
imgOff=eval(imgName + "off.src");
document[imgName].src= imgOff;
}
}
//-->
</SCRIPT>i w body
Kod:
<a href='index.php' onFocus="blur()" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')"><img src='images/obrazek_przed_najechaniem.jpg' border='0' name='pic1' style='margin-right: 50px;'/></a>