Nwlapcug.com


Come aggiornare un'immagine al passaggio del mouse

Quando si sviluppa un sito Web, è possibile implementare rollover immagine per migliorare l'aspetto del tuo sito Web. Con un ribaltamento di immagine, è possibile visualizzare due immagini separate a seconda della posizione del mouse. Se si sposta il mouse sopra l'immagine, l'immagine verrà aggiornato alla tua immagine di 'rollover'. Quando si sposta il mouse fuori il rollover, verrà ripristinata l'immagine originale.

Istruzioni

1

Fare clic su "Start", digitare "Notepad" nel campo di ricerca rapida e premere "Invio".

2

Premere "Ctrl" e "O" allo stesso tempo. Individuare la pagina web sul computer che si sta lavorando e aprirlo. Sfoglia il codice fino a trovare l'immagine per cui si desidera un rollover.

3

Digitare il seguente codice prima del tag di immagine:

< un href="link.html" onmouseover="document.sub_but.src='rollover.jpg'" onmouseout="document.sub_but.src='original.jpg'" >

4

Tipo "< /a >" (senza virgolette) dopo il tag di immagine. Questo inserirà un rollover.

5

Aggiungere il tag "< img >" il seguente parametro:

nome = "sub_but"

Consigli & Avvertenze

  • Negli esempi utilizzati l'immagine di rollover viene chiamato 'rollover.jpg' e l'immagine originale dal titolo 'versione'. Sostituire tale testo con il percorso e il nome del file delle immagini desiderate.
  • Se non si desidera il pulsante per portarvi in una nuova posizione quando si fa clic su esso, è possibile aggiungere il seguente codice per il tag "< a >":
  • OnClick = "return false;"