Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> JavaScript Προγραμματισμός

Πώς να κάνω μια JavaScript Rollover Image

A JavaScript ανατροπής της εικόνας είναι μια ενδιαφέρουσα ομάδα της HTML και JavaScript κώδικα ? Όταν μια ιστοσελίδα σημείων χρήστη σε μια εικόνα , μια άλλη εικόνα παίρνει τη θέση του . Όταν ο χρήστης μετακινεί το ποντίκι μακριά από την εικόνα , η αρχική εικόνα έρχεται πίσω σε θέα . Μετά την εύρεση των δύο εικόνες που θέλετε να χρησιμοποιήσετε , ακολουθήστε αυτές τις οδηγίες για να κάνει μια ανατροπή της εικόνας της δικής σας . Οδηγίες
Η

1 Ανοίξτε το Notepad ή το προτιμώμενο πρόγραμμα HTML authoring σας . Σημειώστε το έγγραφο με τις βασικές ετικέτες ανοίγματος ως εξής .
Η 4

Γράψτε τον κωδικό για να πει την εικόνα πώς να συμπεριφέρονται όταν ο δρομέας μετακινείται ποντίκι πάνω από την εικόνα ή μακριά από την εικόνα , ως εξής . " SamplePage.html " μπορεί να αντικατασταθεί με οποιοδήποτε σύνδεσμο της επιλογής σας . Παρατηρήστε ότι « pictureTwo.src " και " pictureOne.src " ταιριάζουν με τα ονόματα αντικείμενο που ιδρύθηκε above.onMouseOver = " document.sample.src = pictureTwo.src ? " OnMouseOut = " document.sample.src = pictureOne.src ? " >
5

Πείτε το έγγραφο ποια εικόνα θα εμφανίζεται όταν τα φορτία πρώτης σελίδας . Ανακοίνωση από την ονομασία του περιέκτη εικόνας " δείγμα ", θα χρησιμοποιείτε το ίδιο όνομα αντικείμενο με την προηγούμενη ομάδα του κώδικα ( document.sample.src ) . Name = " δείγμα " >
Η 6

Τέλος κωδικοποίησης σας έγγραφο κλείνοντας τις υπόλοιπες ετικέτες HTML .
Η
εικόνων

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα