Πώς να αλλάξετε το μενού Εικόνες του Mouseover σε JavaScript

Μέθοδος getElementById του JavaScript ( ) επιτρέπει στους προγραμματιστές να επιθεωρούν και να τροποποιήσετε την εσωτερική υδραυλική εγκατάσταση μιας ιστοσελίδας . Αυτή η μέθοδος έχει πρόσβαση στη διεπαφή προγραμματισμού εφαρμογών από μια ιστοσελίδα που ονομάζεται Document Object Model ή DOM . Με getElementById ( ) , ο προγραμματιστής μπορεί να αλλάξει πιο HTML ( HyperText Markup Language ) πληροφορίες styling tag - συμπεριλαμβανομένων εικόνων φόντου . Το λειτουργίες JavaScript εκδήλωση onMouseOver ( ) και onMouseOut ( ) ανταποκρίνεται στην κίνηση του ποντικιού πάνω στοιχείων HTML με την ενεργοποίηση της εκτέλεσης των δηλώσεων JavaScript . Οι ετικέτες HTML πρέπει να επισημαίνονται με ένα μοναδικό αναγνωριστικό , έτσι η μέθοδος getElementById ( ) μπορεί να βρει και να τις τροποποιήσετε . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
Δύο ιδίου μεγέθους εικόνες φόντου , GIF, PNG ή JPG
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

ξεκινήσει το πρόγραμμα επεξεργασίας κειμένου που ήρθε με τον υπολογιστή σας . 2

Πληκτρολογήστε τον ακόλουθο κώδικα στο πρόγραμμα επεξεργασίας κειμένου . Αντικαταστήστε τα ονόματα των εικόνων " image1.jpg " και " image2.jpg » με τα ονόματα και τη μορφή των αρχείων εικόνας φόντου σας . Ρυθμίστε τα μεγέθη εικόνας στο " mydiv " επικαλυπτόμενων φύλλων στυλ , καθώς και .

< Τύπος style = " text /css " > < -

mydiv {

background- image : . type = " text /javascript " >

changeimage λειτουργία ( linknumber )

{ var

changeimageback ( linknumber )

{ var

id = " mydiv1 " class = " mydiv " onMouseOver = " changeimage ( '1 ') ? " onMouseOut = " changeimageback ( '1' ) " > href=""> < /div >