Postion von Button bei Mauberührung verändern

[Steel]

Habs so probiert:

<input type="button" name="Text 2" value="Nein" onmouseover="this.style.position-top=100px">

Tut sich aber nix, was mach ich falsch

Klar.
Du sprichst 2 Attribute an: position und top position gibst du absolute und top 0
Das heisst das element soll an einer absolut zum nächsten positionierten Vorfahrenelement positioniert werden. (in deinem Fall der Seite) Und zwar genau 0 Pixel von oben. Also am obersten Rand. Das sind 2 Befehle.

Dann gleich noch die nächste Frage, der Button soll ja immer hin und her springen

von Position A nach Positon B

bzw.

von Position B nach Position A

Wie kann ich das toggeln realisieren?

Indem Du prüfst, ob er schon gesprungen ist. Die standard Position ist nicht absolut. Und JS kann so einfach auch nicht auf nicht selbst gesetzte CSS styles zugreifen. Mit if (this.style.position == 'absolute') kannst du dann feststellen, daß es bereits gesetzt wurde. Wenn nicht, ist position leer.

if (this.style.position == 'absolute') {setze position; setze Koordinate} else {setze position auf ''; setze Koordinate auf '' }

Ein Attribut auf '' setzen stellt die Defaulteinstellung wieder her.