animierter Text

Maggi4SK8

Halli Hallo alle zusamm,

Ich habe folgendes Problem:
Es gibt ja zur genüge Websides wo sich der Button ändert wenn man mit der Maus darauf geht ohne zu klicken, und in den Ausgangszustand zurück geht wenn man mit der Maus vom Feld runter geht.
Ich habe mich in web ma darüber informiert, aber irgendwie klappts net bei mir...
need help plz

Code

<a 
    href="link.html" 
    target="rechts"
    onMouseOver="image.src='on_button.gif';"
    onMouseOut="image.src='off_button.gif';">
  [img]off_button.gif[/img]
</a>

LuNeX

hier kannste es machen:

http://lutz-nelde.de/generatoren/rollover.htm.

Ich habs gerade mal selbst ausprobiert. Klappt ohne Problem.

Ronald

Heißer Tip: Das geht auch mit Stylesheets und vor allem damit auch dann, wenn der User Javascript deaktiviert hat.

G.a.d.M.

Ronald

Dragon-D

mit css gehts aber nur im ff, oder irre ich mich?

Ronald

Zitat von Dragon-D

mit css gehts aber nur im ff, oder irre ich mich?

Ja, da irrst du.

G.a.d.M.

Ronald

Maggi4Sk8

Vielen dank für eure antworten...ich habe den Link benutzt und meinen Quelltext generiert:

Code

<A 
  HREF="link.html" 
  onMouseOver="byt('','onmouseover.jpg')" 
  onMouseOut="byt('','mouseoberoff.jpg')">
  [img]on_mouse.gif[/img]
</A>

geht aber immer noch net...
und das das mit css machbar is is mir klar aber ich bin noch net so bewandert bei css!!!

driver

mit css einfach bei a:hover n anderes background-image hinterlegen...

Maggi4SK8

Wat? wie jetz?!?!?!
einfach in der css datei

Code

a:hover ("Pfad+Bild")

oda wie? Wie gesagt viel ahnung habe ich net von css...

Wäre cool wenn es trotzdem irgendwie ohne css geht!

mfg

driver

warum ohne css ?

is doch eigentlich total falsch rum. besser mit css und ohne java.
denn java is oft ausgeschaltet, css klappt eigentlich immer...

edit:

mal auf die schnelle...

Code

<style type="text/css">
a:link, a:active, a:visited { background-image:url(bild1.jpg); padding:10px; }
a:hover { background-image:url(bild2.jpg); padding:10px; }
</style>

Maggi4SK8

is mir jetz n bissl peinlich das zu fragen aber:
Wo schreibt man das hin?
wollts in ner Tabelle machen...unzwar pro Zeile ein Button

Code

<table border="0" bordercolor="#000000">
  <tr>
    <td>
      -->Hier Soll der animierte Button hin
    </td>
  </tr>
</table>

Elvis

Zitat von driver

is doch eigentlich total falsch rum. besser mit css und ohne java.
denn java is oft ausgeschaltet, css klappt eigentlich immer...

Naja, mit Java macht man sowas ja auch nicht, sondern mit Javascript.

Selfhtml: Pseudoklassen

driver

meinte doch java-script. sag halt immer java weil ich denke das im
zusammenhang jeder weis das es bei html nur js sein kann... naja...

also des bauste am besten in den head-bereich

Maggi4SK8

Habs im Head bereich...
und nu?
muss ich jetz in der Tabelle einfach nen

<BILD></p> machen?

driver

einfach nur nen link....

Code

[url='dddd.html']link[/url]

der hintergrund wird dann mit dem bild gefüllt.

Maggi4SK8

cool man vielen dank...hast mir geholfen
danke

Maggi4SK8

Wo man einmal dabei ist:
Kann man auch die Textfarbe verändern wenn man mit der Mouse über den Link fährt?

mfg Markus

driver

klar...
musst dann in des css schreiben: color:#ff0000; .. dann isser rot

Maggi4SK8

Ich kriegs net gebacken...habe es so gemacht:

Code

<style type="text/css">
  a:link, 
  a:active, 
  a:visited 
    { background-image:url(script_white.png); padding:10px; color:#FFFFFF; }
  a:hover 
    { background-image:url(script_black.png); padding:10px; color:#FF0000; }
</style>

driver

also bei mir klappt des einwandfrei....
des teil steht auch im head, oder ?

btw. der normale link hat den hintergrund "white" ?
die textfarbe is auch weiß, vielleicht siehst nen einfach net ?

mach mach mal ne andere textfarbe...

Maggi4SK8

hatte nen anderen fehler...
habe den text mit <font color="#FF0000">TEXT</font> bearbeitet...
Ich habe das weggemacht und dann hats geklappt.

Vielen dank

Tags