Segédletek.hu

Segédletek weblap szerkesztéshez!
ingyen letöltés

| Mind | PHP | HTML | CSS | Java |
|Legújabbak |Legtöbbször olvasottak|

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?
Hitel lakásvásárlásra?
Ingatlanfedezetű hitelek, alacsony törlesztőrészlet. THM: 8,78-14,44%
www.kh.hu

OTP Bank Lakáshitel
Sürgősen költözne? Nézze meg az akciós OTP lakáshiteleket!
Otpbank.hu

Digitális fényképezőgépek
széles kínálata egy helyen. Olcsón, gyors házhozszállítással!
www.edigital.hu

BMW Premium Selection
Használtautó vásár március 18–21-én a BMW márkakereskedésekben.
bmw-premiumselection.hu

Alacsony kamatozású lakáshitel
Felújítaná lakását, vagy másikat vásárolna? Válassza a Fundamentát!
www.fundamenta.hu

Hirdessen itt