Πώς να δημιουργήσετε μια εικόνα ανατροπής Χρησιμοποιώντας HTML Προγραμματισμός

Hypertext γλώσσα σήμανσης ( HTML ) είναι μια γλώσσα υπολογιστή που χρησιμοποιείται για τη δημιουργία ιστοσελίδων . Γνωρίζοντας πώς να χρησιμοποιήσετε HTML κώδικες μπορούν να σας βοηθήσουν να χειριστείτε τις ρυθμίσεις της σελίδας σας . Μπορείτε να δημιουργήσετε μια σύνδεση εικόνας που θα αλλάξει όταν οι επισκέπτες να μετακινήσετε το ποντίκι πάνω από τον σύνδεσμο . Ανατροπές εικόνας μπορεί να δημιουργηθεί με τη χρήση JavaScript . Μπορείτε επίσης να δημιουργήσετε ανατροπές εικόνα για τα στοιχεία μενού . Όταν τους επισκέπτες να μετακινηθείτε το ποντίκι τους πάνω από τα στοιχεία του μενού , το μενού θα γίνει επισημασμένο . Δημιουργία ανατροπές εικόνας είναι ένας καλός τρόπος για να δώσει τις σελίδες σας μια πιο επαγγελματική έφεση . Οδηγίες
Η 1

Ξεκινήστε τον επεξεργαστή κειμένου ή πρόγραμμα επεξεργασίας κειμένου που θα χρησιμοποιήσετε για να δημιουργήσετε την ιστοσελίδα σας και να ανοίξετε τη σελίδα . Προσθέστε την επιθυμητή εικόνα και να συμπεριληφθεί στο εσωτερικό της ετικέτας

. Μετά το όνομα της εικόνας , τύπου NAME = " rollover " . 2

Τύπος πριν την ετικέτα

. Αντικαταστήστε το ερωτηματικό με τη διεύθυνση της ιστοσελίδας που θέλετε να έχουν εμφανιστεί όταν ένας επισκέπτης κάνει κλικ πάνω στην εικόνα . Πληκτρολογήστε < /A> μετά την εικόνα
εικόνων 3

Βεβαιωθείτε ότι το κείμενό σας μοιάζει με το ακόλουθο : .

< IMG SRC = " photo.jpg " NAME = " rollover " > < /CENTER >
Η 4

Πληκτρολογήστε onmouseover = ' rollover.src = " ; " »στο εσωτερικό της ετικέτα . Αντικαταστήστε το ερωτηματικό με τη θέση της εικόνας που θέλετε να έχετε εμφανίζεται όταν ένας επισκέπτης κινείται το ποντίκι πάνω από την αρχική εικόνα .
5

Πληκτρολογήστε onMouseOut = ' rollover.src = " ; " "Αντικατάσταση . το ερωτηματικό με τη θέση της εικόνας που προστέθηκε στο Βήμα 1
Η 6

Βεβαιωθείτε ότι το κείμενό σας να μοιάζει με το ακόλουθο : < a href = " pages.html " onmouseover = " ανατροπής . src = " photo.jpg " ' onMouseOut = ' rollover.src = " photo.jpg " " >

< /CENTER > < ;/A>
Η 7

Ανοίξτε ένα νέο πρόγραμμα περιήγησης στο Web για να βεβαιωθείτε ότι ιστοσελίδα σας εμφανίζει την εικόνα που χρησιμοποιείτε για την ανατροπή της εικόνας σας . Δοκιμάστε το site σας και βεβαιωθείτε ότι οι επισκέπτες μπορούν να μετακινήσετε το ποντίκι πάνω από την εικόνα και θα αλλάξει την εικόνα που έχετε ορίσει .
Η
εικόνων