Nwlapcug.com


Come fare un oggetto vettoriale si accendono quando spostato sopra su un sito Web

Effetti di rollover su un sito Web incorporano due immagini, uno è l'originale immagine di vettore e l'altro è una versione incandescente dell'originale. Quello incandescente viene visualizzata quando si sposta il cursore del mouse sopra l'immagine. Tutto quello che dovete fare è inserire il codice HTML appropriato e le due immagini lavorano insieme senza soluzione di continuità per creare l'effetto rollover.

Istruzioni

1

Fare due versioni dell'oggetto vettoriale. Utilizzare GIMP o Photoshop per aggiungere un bagliore esterno o un tratto sfumato intorno al bordo esterno della seconda immagine. In Photoshop, selezionare il menu «Livello», quindi selezionare "Stili di livello." Selezionate il livello corretto, quindi selezionare "Bagliore esterno" per creare l'effetto. In GIMP, selezionare l'oggetto intero vettoriale, quindi fare clic su "Edit" e selezionare "Delinea selezione." Utilizzare un colore chiaro per il tratto, poi fare la corsa almeno 25 pixel. Salvare entrambe le versioni e caricarli sul tuo host Web.

2

Inserire l'immagine nel tuo sito, utilizzando il link "< a href >" tag e il tag "< img src >".

3

Aggiungere il codice riportato di seguito:

< a href = "& lt; img" rel = "nofollow" target = blank"> http://link.com&quot;>&lt;img src ="image1"onmouseover="this.src='image2'; "onmouseout="this.src='image1'; "/ >< /a >

Sostituire "link.com" con l'URL per il link. Sostituire "image1" con il nome di file dell'immagine vettoriale originale. Sostituire "image2" con il nome di file della copia incandescente.