OnMouseOver Kép - www.segedletek.hu

Fórum:

Postaláda:

Szavazás:

Hány éves vagy?

Segédletek:

Linkek:

Java Fórum
Prog.hu
Használt könyvek
kapu.extra.hu
Doksi.hu
Tárhely és domain szolgáltatónk: Web-Server.hu

OnMouseOver Kép:

Ebben a segédletben leírom, hogy tudsz létrehozni a weboldaladra egy olyan menüképet, hogyha az egeret ráviszed, akkor egy másik képre vált, azonban kattintásra átvisz egy másik oldalra!

Gondolom sokszor láttál már weboldalakon olyat, hogy van egy menü! Azokban vannak képek, amik a menüpontok szerepét játszák el, és ha feléjük viszed az egeret, akkor egy másik képet mutatnak, de ha rákattintasz, akkor pedig átvisz egy másik oldalra! Szeretnél te is ilyet, vagy csak kíváncsi vagy hogy hogy készül?! Akkor nézzük:

Először is, készítsd el a menü képedet, amit alapból fog mutatni, tehát amikor az egér nincs rajta! (A példában a kép megnevezése: alapkep.gif)

Másodszor még egy képre, amit akkor mutat, ha rávitted az egeret! (A példában a kép megnevezése: egeres.gif)

Akkor lássuk a példát/kódot:


<A HREF="linked.html">

<FORM><IMG NAME="menukep" SRC="alapkep.gif" border=0>

onmouseover ="imgd2.src='egeres.gif""

onmouseout ="imgd2.src='alapkep.gif'"

Természetesen .gif formátumú mozgóképet/animációt is beilleszthetsz, ám így akárhányszor ráhúzod/lehúzod az egeret róla, az animáció újraindul!

Remélem tudtam segíteni, és hasznos voltam! Sok sikert!

Írta: Razor - 2008-04-03 12:52:08

* Nem vagy bejelentkezve!
* Nem töltheted le a segédlet forrását egyben!
* Nem szavazhatsz a segédletre!
* Nem írhatsz a segédlethez tartozó fórum témába!

Csabi95	2009-04-20 19:11:09
Használjátok ezt: onMouseOver="this.src='kep2.jpg'" onMouseOut="this.src='kep1.jpg'"> Ennekm ár m?ködnie kell! Csak a kep1.jpg-t meg a kep2.jpg cseréljétek ki!

arvaidani	2009-02-13 11:43:38
sehogy se sikerül

howwie	2009-01-11 06:36:55
a megoldás az lenne, ha: 1. a form bejegyzés nem kell 2. border=0 utáni karakter az egész végére kell 3. az nem imgd2.src hanem menukep.src 4. az egeres.gif után az 1. macskaköröm helyett aposztróf kell 5. le kell zárni az anchort /a-val a legvégén

howwie	2009-01-11 06:28:53
Ez m?ködik:

UseR500	2008-09-12 18:22:16
Hát ez nem jelent meg az el?bb. Talán most. Leírtam a fenti képcserés dolgot, de valamiért üres bejegyzés jelent meg.

UseR500	2008-09-12 18:18:25
Kepcsere

lecsóshambi	2008-06-20 12:58:08
na nem megy ez nekem: segédletet

lecsóshambi	2008-06-20 12:57:35
*sedédletet

lecsóshambi	2008-06-20 12:55:57
Üdv Szerintem 2 hónap alatt illett volna kijavítani a hibákat, ha már valaki veszi a fáradtságot és segétletet ír, akkor az legyen is az! [code] [/code]

requiem	2008-04-08 11:04:53
Ahogy nezem igen :)

Firith	2008-04-07 18:26:26
ez egy picit sztcsúszott, nem? Mire kell itt a form tag? és a js atributumokat nem az img tagen belül szeretted volna?