[JS]Płynna zmiana koloru odnośnika Opcje

[Kaarpiik]

Witam, mam problem. Otóż planuje zrobić płynną zmianę koloru odnośnika po najechaniu na niego z czarnego na biały. Niestety nie znam się na JS i proszę o pomoc. Z tego co szukałem trzeba użyć onmouseover oraz onmouseout.

[Ulysess]

hmm a potrzebna do tego JS

robisz w css

a {text-decoration: none; color: red;}
a:hover {text-decoration: none; color: blue;}

i już masz inny kolor:)

[Neeke]

Zastosuj bibliotekę np jQuery http://jquery.com


użycie jest bardzo proste:

[HTML] pobierz, plaintext 
<script type="java/script">
$(document).ready(function(){
	$('div a').mouseenter({
		$(this).animate({color : #000});
	}).mouseleave({
		$(this).animate({color:#ff0000});
	});
});
 
</script>
 
<div >
<a href="hindex.html">index</a>
</div>
[HTML] pobierz, plaintext 

w dokumentacji wszystko jest

@ulysess Mu chodzi o płynne przejście

Ten post edytował Neeke 20.05.2010, 19:44:14

[tehaha]

jeżeli Ci na płynnych przejściach to możesz skorzystać z tego: http://greg-j.com/static-content/hover-fade-redux.html

[croc]

Podpowiem ci jak to zrobić. Musisz zrobić funkcje wywołujące same siebie dopóki dany kolor nie został osiągnięty. Kolor najłatwiej podawać jako rgb(R%, G%, B%). Poszczególne kolory muszą się odpowiednio zmieniać co wywołanie funkcji, dzięki czemu osiągasz płynność.

[JAVASCRIPT] pobierz, plaintext 
element.style.color = 'rgb(' + r + '%, ' + g + '%, ' + b + '%)';
[JAVASCRIPT] pobierz, plaintext 

Jednak od razu mówię, że szkoda zachodu na taką zmianę normalnego tekstowego linku. Ale zmiana tła da fajny efekt.

[Kaarpiik]

są jeszcze jakieś pomysły?

[motyl-pl]

tak zastosuj ten skrypt:
test.motyl-pl.info >> link.js