Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Stopniowa zmiana kolorów linków, Jak to zrobić?
Mayke512
post 20.11.2008, 17:44:57
Post #1





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 6.11.2008

Ostrzeżenie: (0%)
-----


Cześć

Mam taki kod:

Kod
<style type="text/css">
        a {
          color: silver;
          text-decoration: none;
        }
        a:hover {
         color: red;
          text-decoration: underline;
        }

    </style>


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 smile.gif
Go to the top of the page
+Quote Post
MWL
post 20.11.2008, 17:48:58
Post #2





Grupa: Zarejestrowani
Postów: 493
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----


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


--------------------
Wpadaj na mój kanał o PHP. Dużo mięsa 🥩!
Go to the top of the page
+Quote Post
Mayke512
post 20.11.2008, 18:28:42
Post #3





Grupa: Zarejestrowani
Postów: 16
Pomógł: 0
Dołączył: 6.11.2008

Ostrzeżenie: (0%)
-----


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"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
<a href="link.htm"><b>To jest czarne hiperlacze bez podreslenia, ale najedz na nie!</b></a><br>
...



Chciałbym te linki obrobić tak jak to opisałem w pierwszym poście
Go to the top of the page
+Quote Post
erix
post 20.11.2008, 19:29:43
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




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


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 12:46