Forum PHP.pl > [CSS]Stopniowa zmiana kolorów linków

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Stopniowa zmiana kolorów linków

Mayke512

20.11.2008, 17:44:57

Cześć

Mam taki kod:

Kod

I tak, ten kod powoduje, że po najechaniu myszką na link, zmienia on kolor i podświetla się.
Ja chciałbym zrobić tak - jak w niektórych stronach - że po najechaniu kursorem na link stopniowo rozjaśni się on (dojdzie do ustawionego koloru), a następnie po zjechaniu z niego kursorem, również powoli "wygaśnie".

Czy pomożecie mi to zrobić?
Pozdrawiam

MWL

20.11.2008, 17:48:58

polecam jquery - http://jquery.com
oczywiście samo możesz to napisać używając DOM'a w JS'ie, ale to już wyższa szkoła jazdy

Mayke512

20.11.2008, 18:28:42

A mógłbyś mi to jaśniej opisać?
(słabo znam angielski)

Załóżmy, że to jest moja strona:

Kod

<html>
<head>
<title>Strona
<style type="text/css">
a {
color: silver;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
<a href="link.htm">To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</a> 
...

Chciałbym te linki obrobić tak jak to opisałem w pierwszym poście

erix

20.11.2008, 19:29:43

http://www.mtdev.com/2001/08/text-fading-w...color-selection

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.