2011-01-15 6 views
1

Ich habe einen Hyperlink und 2 Bilder (eines davon ist das normale Bild der Link und das andere ist seine Onmouseover Bild)onMouseOver Hyperlinks mit

ich kann nicht herausfinden, wie sich die Onmouseover Bildwechsel der Hyperlink zu machen. Ich weiß, dass ich es mit dem 'a' Tag machen kann, aber dieses Tag unterstützt das nicht: '~/Site/Page.aspx'. Wenn ich durch Ordner navigieren will, muss ich '../../Site verwenden /Page.aspx 'was ungenau ist.

Also, wie kann ich Bild mit der asp: Hyperlink-Taste ändern?

Antwort

3

Nicht. Verwenden Sie css:

a { 
    background-image: url(images/image1.jpg); 
} 
a:hover { 
    background-image: url(images/image2.jpg); 
} 

Verwenden Sie nur spezifische Selektoren für Sie natürlich.

+0

+1: etwa genau das zu schreiben :) –

+0

Das geht auch für Hyperlinks arbeiten? –

+0

Das a-tag * ist * ein Hyperlink. Hover wurde in erster Linie für Hyperlinks entworfen, weil sie das einzige Ding sind, das einen Hover (weil es das einzige Ding war, das geklickt werden konnte) zurück in den Pre-JavaScript-Tagen benötigten. – GolezTrol

-1

Ich würde auch die CSS-Route empfehlen, um jedoch keine Latenz bei der Bildauslastung zu gewährleisten, könnten Sie die beiden Bilder mit einem Bildeditor in eine Datei zusammenführen und den sichtbaren Teil des Bildes mit 'background-position' umschalten .

+1

Keine Antwort auf die Frage, aber eine gute Ergänzung. Diese Technik wird "css sprites" genannt und löscht nicht nur die Latenz, sondern minimiert auch die Anzahl der Anfragen an Ihren Server, da nur eine Anfrage statt zwei gesendet wird, um die Bilder zu empfangen. – GolezTrol