Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS]Płynna zmiana koloru odnośnika
Forum PHP.pl > Forum > Przedszkole
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 questionmark.gif

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:

  1. <script type="java/script">
  2. $(document).ready(function(){
  3. $('div a').mouseenter({
  4. $(this).animate({color : #000});
  5. }).mouseleave({
  6. $(this).animate({color:#ff0000});
  7. });
  8. });
  9.  
  10.  
  11. <div >
  12. <a href="hindex.html">index</a>
  13. </div>


w dokumentacji wszystko jest

@ulysess Mu chodzi o płynne przejście
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
  1. 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? smile.gif
motyl-pl
tak zastosuj ten skrypt:
test.motyl-pl.info >> link.js
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.