MouseOver-Ereignis zu ändern, TD, hintergrund und text
Muss ich ändern das td-hintergrund Grau und Texte in anderen td, wenn der Benutzer die Maus geht über die zuerst erwähnten td.
Ich dies getan haben, so weit:
<td onMouseOver="this.style.background='#f1f1f1'" onMouseOut="this.style.background='white'">
aber das ändert nur den hintergrund des ersten td und nicht den text ändern, der in der zweiten td
irgendwelche Ideen, bitte?
Die Verwendung eines Frameworks wie jQuery.
Sie sollten mithilfe von CSS -
'ändert den hintergrund des ersten td': denn das ist genau das, was der code tut, den hintergrund ändern, für eine
E: Im IE7 funktioniert nur mit einem strikten doctype.
es gibt nicht viele Gründe, nicht zu verwenden, eine strenge doctype. CSS
Sie sollten mithilfe von CSS -
:hover
für wechselnde Stile, die auf die Maus über.'ändert den hintergrund des ersten td': denn das ist genau das, was der code tut, den hintergrund ändern, für eine
td
🙂E: Im IE7 funktioniert nur mit einem strikten doctype.
es gibt nicht viele Gründe, nicht zu verwenden, eine strenge doctype. CSS
:hover
noch funktioniert mit JavaScript deaktiviert.InformationsquelleAutor C.. | 2011-02-04
Du musst angemeldet sein, um einen Kommentar abzugeben.
Haben Sie einen Blick auf diese:
HTML:
DEMO
Beachten Sie, dass das hinzufügen der event-handler in der HTML-Code wird nicht als gute Praxis.
Je nachdem, welche browser Sie unterstützen möchten (ist es definitiv nicht funktioniert im IE6), Sie sollten wirklich die CSS-Ansatz, der funktioniert auch, wenn JS deaktiviert ist. Ist viel weniger code und es wird einfacher sein, um dieses Verhalten auf mehrere Elemente:
DEMO
Bekommst du eine Fehlermeldung? Weil es funktioniert, in meiner demo wie Sie sehen können.
Nein habe ich nicht eine Fehlermeldung erhalten. es ist seltsam. es ist einfach ddnt geben Sie die Funktion
Du meinst die demo nicht auch für Sie arbeiten oder nicht arbeiten in deinem code? In welchem browser sind Sie testen?
InformationsquelleAutor Felix Kling
Sollten Sie geben, die anderen td eine id und greifen Sie von Ihrem onmouseover-event-handler. Vielleicht sollten Sie sich setzen, die onmouseover-code in eine eigene Funktion und rufen Sie es von der onmouseover.
InformationsquelleAutor nokul