Autor Zpráva
Fladdermus
Profil *
#1 · Zasláno: 29. 5. 2005, 13:03:11
Odpovědět Citovat
Dobrý den,
potřeboval bych poradit s tím, jak změnit samotný text odkazu.
Například mám na stránce odkaz pod textem "skvělé stránky" a chci, aby se tento text v situaci, kdy bude kurzor myši nad ním, změnil na "http://www.skvelestranky.cz".
Nějak si nevím rady. Předem děkuji za odpověď.
Pachollini
Profil
#2 · Zasláno: 29. 5. 2005, 13:15:19
Odpovědět Citovat
<a href="neco.html"
onmouseover="this.puvodni=this.innerHTML;this.innerHTML=this.href"
onmouseout="this.innerHTML=this.puvodni"
>něco</a>
Charlie
Profil
#3 · Zasláno: 29. 5. 2005, 13:15:53
Odpovědět Citovat
No, asi na to budeš potřebovat Javascript, osobně bych ale radši použil titulek, třeba nějak takhle: 

<a href="http://www.skvelestranky.cz" title="http://www.skvelestranky.cz>skvělé stránky</a>


A když najedeš na odkaz, tak se nad nad ním zobrazí titulek.
Fred
Profil
#4 · Zasláno: 29. 5. 2005, 13:18:45
Odpovědět Citovat
Na tohle nepotřebuješ js

<style type="text/css">
a span.on{display:block;}
a span.off{display:none;}
a:hover span.on{display:none;}
a:hover,a:hover span.off{display:block;}
/*tohle pořadí je důležité a:hover,a:hover span.off. IE samotný zápis a:hover span.off nezvádne*/
</style>


<a href="http://www.skvelestranky.cz">
<span class="on">skvělé stránky</span><span class="off">http://www.skvelestranky.cz</span>
</a>
Fred
Profil
#5 · Zasláno: 29. 5. 2005, 13:30:38
Odpovědět Citovat
Jak by to bylo pěkné, kdyby ie umělo tohle:

<style type="text/css">
a{display:block;}
a:hover strong{display:none;}
a:hover:after{content:attr(href);display:block;font-weight:bold;}
</style>

<a href="http://www.skvelestranky.cz">
<strong>skvělé stránky</strong>
</a>
Časová prodleva: 21 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0