Autor | Zpráva | ||
---|---|---|---|
BuGeR Profil |
#1 · Zasláno: 25. 10. 2008, 22:33:42 · Upravil/a: BuGeR
Hi all, (toto je muj první příspěvek, nevím jak to tu u vás chodí)
Mam takový problém už dlouho hledám takový javaskript... Potřebuju to do menu (ktere mam dělane s html) No prostě v menu mam udělané třeba "»Domů" a ja bych potřeboval že jak na to domu najedu tak zmizne to "»" Příklad : text "»Domů" najedu na to myší a bude to "Domů" odjedu od toho myší a bude to zase "»Domů" Myslím že se tomu říka nějak on mouse over.. Potřeboval bych jestli by jste mi tu nehodily příklad.. dík moc.. |
||
Taps Profil |
#2 · Zasláno: 25. 10. 2008, 22:37:26
BuGeR
to menu máš vytvořené pomocí obrázků, pokud ano tak můžeš při najetí myší na obrázek použít událost onmouseover poté se ti objeví jeden obrázek a pak událost onmouseout která ti pak zobrazí jiný obrázek |
||
Miloš Profil |
#3 · Zasláno: 25. 10. 2008, 22:37:59
Udělej tu odrážku » jako obrázek (stejně nemá jiný než dekorativní význam) a vše ostatní vyřeš klasicky přes CSS (:hover, background-image).
|
||
Mistr Profil |
#4 · Zasláno: 25. 10. 2008, 22:38:59
BuGeR
Pokud řešení nepotřebuješ v JavaScriptu, doporučil bych Tvé pozornosti následující článek: http://www.wellstyled.com/css-inline-buttons.html |
||
BuGeR Profil |
Taps
Mno a šlo by to udělat že když najedu na ten text jako odkaz v tom menu tak zmizne ten obrázek a jak stoho textu odjedu tak zas obrazek objeví ? Jestli by někdo nemohl poslat ten kod :) url obrazku : http://www.live-fan.eu/bullet.gif |
||
Miloš Profil |
#6 · Zasláno: 25. 10. 2008, 23:07:16
Ale to samé jde i bez javascriptu.
Naprosto jednoduché řešení pomocí CSS: http://kesolim.sweb.cz/TMP/odrazky/ |
||
BuGeR Profil |
#7 · Zasláno: 25. 10. 2008, 23:24:28
Nejde to :D ja bych byl radši kdyby to bylo vtom javascriptu :-)
|
||
Miloš Profil |
#8 · Zasláno: 26. 10. 2008, 03:50:53
Co nejde?
Moje ukázka funguje Ve všech mně dostupných ptohlížečích: FF/Opera/IE6/IE7 Funguje i s vypnutým javascriptem, protože ho nepoužívá. Funguje, protože pro běžný odkaz nastavuje toto: li a {background-image: url(odrazka.png); background-position: left center; background-repeat: no-repeat; padding-left: 20px;color: navy;} a pro odkaz, nad kterým je myš, toto: li a:hover {background-image: none; text-decoration: none; color: red;} Nemůže nefungovat, nejít. Co nejde? |
||
BuGeR Profil |
#9 · Zasláno: 26. 10. 2008, 10:15:03
No prostě dal sem to do styles.css (php fusion v7) jak tam je to 'url(odrazka.png)' tak dal sem tam místo toho 'url(bullet.png)' a jak pak ukažu na ty odkazy tak to nic nedela jen sčervenaji
|
||
BuGeR Profil |
#10 · Zasláno: 26. 10. 2008, 10:20:07
Hehe už to jde :D sem místo toho 'url(bullet.png)' dal 'url(http://www.live-fan.eu/bullet.png)' a jde to :) dík moc..
|
||
Str4wberry Profil |
#11 · Zasláno: 26. 10. 2008, 10:29:01 · Upravil/a: Str4wberry
Reakce na BuGeRa:
„Hi all, (toto je muj první příspěvek, nevím jak to tu u vás chodí)“ Vítám Tě, píšeme tu česky nebo slovensky, pro pozdrav platí totéž. Pokud bys nechtěl obrázek, můžeš použít něco takového, pouze CSS: <style> a span {display: none} a:hover span, a:focus span, a:active span {display: inline} </style> <a href='#'><span>»</span>Domů</a> A kdybys trval na JavaScriptu, šlo by použít třeba tohle: <a href='#' id='domu'>Domů</a> <script> odkaz = document.getElementById("domu"); odkaz.onmouseover = function () { this.innerHTML = "»" + this.innerHTML; } odkaz.onmouseout = function () { this.innerHTML = this.innerHTML.replace("»", ""); } </script> |
||
BuGeR Profil |
#12 · Zasláno: 26. 10. 2008, 11:58:31
JJ Díky
|
||
Bubák Profil |
#13 · Zasláno: 26. 10. 2008, 13:45:19
„sem místo toho 'url(bullet.png)' dal 'url(http://www.live-fan.eu/bullet.png)' a jde to“
Tak jse měl chybně napsanou relativní cectu k odrážce více tředa tady: http://jednoduse.interval.cz/clanky/odkazy-ve-strance/ http://www.jakpsatweb.cz/odkazy-html.html#relativni |
||
Časová prodleva: 16 let
|
0