Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan tudok "színváltó"...

Hogyan tudok "színváltó" linket készíteni?

Figyelt kérdés
Színváltó link alatt olyan linket értek, amely egy kép, amire ha ráhúzzuk a kurzort beszíneződik. Ilyesmire gondoltam: [link] (a képes linkek középen olyanok)
2010. febr. 25. 08:57
 1/7 compactegon ***** válasza:

}

a:link {color: #CCCCCC;}

a:visited {text-decoration: underline; color: #CCCCCC;}

a:hover { text-decoration: overline; color: #999999;}

a:active {text-decoration: underline; color: #666666;

}

így

2010. febr. 25. 09:00
Hasznos számodra ez a válasz?
 2/7 anonim ***** válasza:

Első válaszoló: szerintem nem a menüre gondolt a kérdező, hanem arra ahol rávisszük az egeret a képre és színessé változik.


szerintem javascripttel készült. onMouseOver-re meghív egy javascript függvényt, ami kicseréli a képet egy színes képre. Aztán onMouseOut függvény visszacseréli a szürkére. Én legalábbis így csinálnám, de biztos lehet másképp is.

2010. febr. 25. 10:34
Hasznos számodra ez a válasz?
 3/7 A kérdező kommentje:
Arra gondoltam, amit a második válaszoló írt. Akkor hogy lehetne ezt mégis kivitelezni?
2010. febr. 25. 11:17
 4/7 anonim ***** válasza:

második vagyok


van két képed: kep1.jpg, és kep2.jpg


Elhelyezed a képet a html kódban linkelve:


<a href="#"><img id="kep" src="kep1.jpg"></a>


ehhez hozzáadod az onmouse függvényeket:


<a href="#" onmouseover="ravisz()" onmouseout="levisz()"><img id="kep" src="kep1.jpg"></a>


és a javascript függvény a head tegek közé megírod:


<script type="text/javascript">

function ravisz()

{

document.getElementById("kep").src="kep2.jpg"

}

function levisz()

{

document.getElementById("kep").src="kep1.jpg"

}

</script>


elvileg ennyi, de lehet hogy van benne hiba. Nem próbáltam ki, csak fejből írtam.

2010. febr. 25. 12:06
Hasznos számodra ez a válasz?
 5/7 anonim ***** válasza:
Ezt CSS-ben is meg lehet csinálni a hover segítségével. Bár lehet IE-ben kicsit okoskodni kell hogy működjön.
2010. febr. 25. 19:36
Hasznos számodra ez a válasz?
 6/7 anonim ***** válasza:

Nekem ilyen a főoldal gomb weblapon.


<a href="index.html"><img style="border-style: none;" alt="" src="kepek/fooldal.png" onmouseout=" this.src='kepek/fooldal.png' " onmouseover=" this.src='kepek/fooldal2.png' " onmousedown=" this.src='kepek/fooldal3.png' " width="83" height="33"></a>


A főoldal1, amikor nincs rajta az egér, a főoldal2, amikor rajta van és a főoldal3, kattintás közbe. Ha nincs olyan akkor oda is a kettes linkje kell. A végén magasság és szélesség.

2012. jan. 15. 18:57
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:

Ja és meg is tudod nézni, hogy hoy működik.

[link]

Itt a legalján a főoldal gomb.

2012. jan. 15. 18:58
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!