Πώς να αλλάξετε ένα CSS Image Ιστορικό Με JavaScript

Javascript παρέχει δυναμική , client-side κώδικα για να επεξεργαστείτε τη διάταξη της ιστοσελίδας σας . Μπορείτε να χρησιμοποιήσετε την Javascript για να αλλάξετε ιστοσελίδα γραφικά , κείμενο , πίνακες και ακόμη και την εικόνα φόντου . Ο κωδικός χρησιμοποιείται για την αυτοματοποίηση δυναμικές εικόνες φόντου , το οποίο χρησιμοποιείται συχνά σε blogs ή σε απευθείας σύνδεση περιοδικά για να προωθήσουν τα προϊόντα θυγατρικών . Η αλλαγή είναι ορατή στην ιστοσελίδα τους αναγνώστες , και η εικόνα εμφανίζεται κάθε φορά που ο χρήστης ανοίγει τη σελίδα . Οδηγίες
Η

1 Ανοίξτε το αρχείο HTML σας με ένα απλό επεξεργαστή κειμένου , όπως το Notepad . Μπορείτε επίσης να χρησιμοποιήσετε πιο προηγμένες συντάκτες κειμένου, όπως το Notepad + + ή Visual Studio . Αυτά τα τμήματα κώδικα συντάκτες χρώμα του αρχείου HTML σας για ευκολότερη επεξεργασία . 2

Δημιουργήστε τις ετικέτες μπλοκ Javascript . Όλος ο κώδικας Javascript βρίσκεται σε μπλοκ σεναρίου . Τοποθετήστε αυτές τις ετικέτες μέσα στο " " και " " tags στον κώδικα HTML σας :
Η
3

Δημιουργήστε μια μεταβλητή και να ορίσετε μια εικόνα που βρίσκεται στην ιστοσελίδα σας . Ο παρακάτω κώδικας δημιουργεί τη μεταβλητή και έχει αναθέσει την " myImage.jpg « εικόνα : var background_image = " myImage.jpg " ?
Η

4 Ρυθμίστε την εικόνα φόντου . Ο κώδικας που ακολουθεί αλλάζει την προεπιλεγμένη CSS εικόνα φόντου στη μεταβλητή ορίζεται στο Βήμα 3 : document.body.background = background_image ?
5

Αποθηκεύστε τις αλλαγές σας και ανοίξτε το HTML στο web browser σας . Οι νέες αλλαγές επεξεργαστείτε την εικόνα φόντου και να την εμφανίσετε στο πρόγραμμα περιήγησης .
Η
εικόνων