Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
Autor |
Nachricht |
messias Mitglied
Angemeldet: 25.11.2004 Beiträge: 99 Wohnort: Solingen Interessen: CS, Photoshop ...
|
Verfasst am: 11.01.2005, 22:25 Titel:
Leichte Frage zu html/php |
|
|
|
|
Eine wahrscheinlich leichte Fragefür euch aber hier ist sie,
wie ist der html und php code dafür das wenn man in der navigation auf einen button geht dieser sich verändert, also ein anderer button erscheint wie beispielsweise bei www.mymtw.com
Danke schonmal im vorraus |
|
Nach oben |
|
|
cain. Mitglied
Angemeldet: 04.06.2004 Beiträge: 1506 Wohnort: St. Gallen
|
Verfasst am: 12.01.2005, 00:11 Titel:
|
|
|
|
|
Ich denke dass du einen mouseover effekt per javascript suchst.
habe auf die schnelle mal was dazu ergoogelt: http://home.arcor.de/struebig/js/mouse_over/
hoffe, ich konnte helfen.
mfg cain. |
|
Nach oben |
|
|
messias Mitglied
Angemeldet: 25.11.2004 Beiträge: 99 Wohnort: Solingen Interessen: CS, Photoshop ...
|
Verfasst am: 12.01.2005, 08:20 Titel:
|
|
|
|
|
danke ist schon sher gut aber irgendwie ging das auch mit html ohne javaskript hab ich 100pro mal gesehen! |
|
Nach oben |
|
|
Mike Mitglied
Angemeldet: 06.07.2004 Beiträge: 136
|
Verfasst am: 12.01.2005, 08:40 Titel:
|
|
|
|
|
Hmm, ich kann mir ehrlich gesagt nicht vorstellen, dass ein Rollovereffekt nur auf HTML-Basis funktionieren kann. Da wird man schon eine Scriptsprache wie Javascript benutzen müssen. |
|
Nach oben |
|
|
ShortY Mitglied
Angemeldet: 04.06.2004 Beiträge: 556 Wohnort: Herdorf Interessen: Glaube, MTB, klettern, Musik(hören und machen), Computer
|
Verfasst am: 12.01.2005, 14:07 Titel:
|
|
|
|
|
messias hat folgendes geschrieben: | danke ist schon sher gut aber irgendwie ging das auch mit html ohne javaskript hab ich 100pro mal gesehen! |
nur mit html definitiv nicht... mindestens css braucht man für sowas noch:
in bisserl fuddeln mit ner tabelle
Code: | <table>
<tr>
<td style='background-image: url(1.jpg);' onMouseOver="style.backgroundImage='url(2.jpg)';" onMouseOut="style.backgroundImage='url(1.jpg)';" width='100px' height='100px'></td>
</tr>
</table> |
|
|
Nach oben |
|
|
phoenix.hi Mitglied
Angemeldet: 05.08.2004 Beiträge: 743 Wohnort: Hildesheim
|
Verfasst am: 12.01.2005, 15:58 Titel:
|
|
|
|
|
Hätte dazu auch gleich mal ne Frage:
Man kann Links ja mit CSS verändern bsw. ihnen mousehover und so geben.
Ich machs immer so:
Code: | <style type="text/css">
<!--
a:link { text-decoration:none; font-weigth:bold; color:#Farbcode; }
a:visited { text-decoration:none; font-weigth:bold; color:#Farbcode; }
a:hover { text-decoration:underline overline; color:#Farbcode; }
a:active { text-decoration:none; font-weigth:bold; color:#Farbcode; }
-->
</style> |
Das funktioniert auch wunderbar!
Meine Frage:
Wie kann man angeben das der Link ganz langsam umgefärbt wird?
Also er ist zB schwarz und mousehover ist rot und dann wird er halt von schwarz langsam rot.
Mit besten Grüßen
ph0en!x.hi |
|
Nach oben |
|
|
cain. Mitglied
Angemeldet: 04.06.2004 Beiträge: 1506 Wohnort: St. Gallen
|
|
Nach oben |
|
|
phoenix.hi Mitglied
Angemeldet: 05.08.2004 Beiträge: 743 Wohnort: Hildesheim
|
Verfasst am: 12.01.2005, 18:01 Titel:
|
|
|
|
|
Hey Danke Hat sofort geklappt. |
|
Nach oben |
|
|
linus84 Newcomer
Angemeldet: 27.09.2006 Beiträge: 12
|
Verfasst am: 29.10.2006, 19:04 Titel:
|
|
|
|
|
ich weiß, das Thema is schon etwas älter aber ich hab noch ne Frage dazu:
Und zwar hat ShortY ja was mit onMouseOver gepostet.
Jetzt wäre es klasse wenn ich das genau so in eine class einbinden könnte.
a:hover reicht mir da leider nicht aus.
Der Button is nämlich eine animation die genau 1x angespielt wird. und wenn ich jetzt mit a:hover drüber gehe, wird zwar die "hover-animation" abgespielt, wenn ich aber mit der Maus wieder von dem button runter gehe, wird die "1. animation" nicht wieder erneut abgespielt. Ich nehme mal an das mit a:hover die neue grafik einfach nur über die alte drüber gelegt wird und nicht ersetzte wird. Ich bräuchte für meine button animation aber dass die grafik ersetzt wird.
Ich kann auch leider nicht jeden Menüpunkt einzeln editieren, da das menü dynamisch erzeugtz wird... |
|
Nach oben |
|
|
Impi Mitglied
Angemeldet: 06.05.2006 Beiträge: 530
|
Verfasst am: 29.10.2006, 20:48 Titel:
|
|
|
|
|
onMouseOut?
Impi |
|
Nach oben |
|
|
linus84 Newcomer
Angemeldet: 27.09.2006 Beiträge: 12
|
Verfasst am: 29.10.2006, 22:02 Titel:
|
|
|
|
|
onMouseOut funzt im Firefox leider nicht richtig. |
|
Nach oben |
|
|
Impi Mitglied
Angemeldet: 06.05.2006 Beiträge: 530
|
Verfasst am: 29.10.2006, 22:47 Titel:
|
|
|
|
|
Das halte ich für ein Gerücht!
Folgender Code funktioniert 100%:
Code: |
<html><head><title>Test</title>
</head><body>
<a href="http://9dots.de"
onmouseout="alert('Wie jetzt MouseOut?!')"><b>Hier drüber fahren und wieder runter!</b></a>
</body></html>
|
|
|
Nach oben |
|
|
linus84 Newcomer
Angemeldet: 27.09.2006 Beiträge: 12
|
Verfasst am: 29.10.2006, 23:28 Titel:
|
|
|
|
|
Also ich weiß nicht ob das ein Bug ist (falls ja schreib ich mal nen Bugreport an Mozilla) aber schaut euch mal folgende Testseite an:
http://linus84.li.funpic.de/
Es handelt sich hierbei um einen MouseOver-Effect der mit CSS realisiert ist (a.hover).
Auf der "Startseite" befindet sich ein einzelner Button. Bewegt man die Maus über den Button so sieht man wie "das Licht langsam angeht" (Gif-Animation).
Verlässt man den Button mit der Maus so "geht das Licht auch langsam wieder aus". Genau so soll es sein.
Klickt man auf den Button kommt man auf eine 2. Test-Seite. Dort ist nun der gleiche Button zu sehen, jedoch wird hier die onMouseOver-Technik verwendet. Fährt man über den Button drüber geht das Licht wieder langsam an. Verlässt man den Button wieder geht es sofort aus (es wird einfach der letzte Frame der Gif-Ani gezeigt).
Klickt man auch hier auf den Button, kommt man auf Test-Seite 3. Dort werden 2 Buttons angezeigt. Der MouseOver hier ist wieder durch CSS realisiert. Bewegt man die Maus wieder über einen Button sieht man hier auch wieder ein Fade-In aber kein richtiges Fade-Out. Weshalb onMouseOver nicht geht, weiß ich nicht, aber bei CSS scheint es folgedes zu sein:
--> Sobald die Gif-Ani öfter als 1 mal zu sehen ist (also 2 oder mehr Buttons vorhanden sind) wird das Fade-Out nicht mehr angezeigt.
Kickt man jetzt wieder auf den obersten Button um wieder auf die Starseite zu kommen, so sieht man, dass sich der Effekt auf diese Seite übertragen hat und auch hier nur noch das Fade-In gezeigt wird. |
|
Nach oben |
|
|
Dick3rl3 Mitglied
Angemeldet: 06.08.2004 Beiträge: 1923 Wohnort: Berlin Interessen: Webdesign, Musik
|
Verfasst am: 30.10.2006, 08:59 Titel:
|
|
|
|
|
Also im IE gibts da ein Fadeout... |
|
Nach oben |
|
|
danny Mitglied
Angemeldet: 26.04.2005 Beiträge: 196 Wohnort: Niederselters
|
Verfasst am: 30.10.2006, 11:40 Titel:
|
|
|
|
|
firefox auch |
|
Nach oben |
|
|
|