Οι επιπτώσεις της Rollover Κείμενο

Όταν μετακινείτε το ποντίκι σας πάνω από το κείμενο της ιστοσελίδας , ένα από τα δύο πράγματα μπορούν να συμβούν : τίποτα ή κάτι που πιάνει το μάτι . Οι προγραμματιστές Web χρησιμοποιούν JavaScript και Cascading Style Sheets να δημιουργήσει μια ποικιλία από οπτικά εφέ ανατροπής που διασκεδάζουν και να μας ενημερώσετε . Για παράδειγμα , μετακινώντας το ποντίκι σας πάνω από " πληροφορίες" θα μπορούσε να υπογραμμίσει αυτή τη λέξη . Αυτό θα επιτρέψει σε έναν χρήστη να γνωρίζει ότι θα μπορούσε να κάντε κλικ στη λέξη για περισσότερες πληροφορίες . Όταν χρησιμοποιείται με φειδώ και με τον κατάλληλο εφέ ανατροπής κειμένου βελτιώνουν την εμπειρία περιήγησης , παρέχοντας οπτική ανατροφοδότηση και κατευθύνοντας την προσοχή σε σημαντικά στοιχεία της σελίδας . CSS Hover Επιδράσεις
Η

Η απλούστερη λειτουργία μετακίνησης κειμένου δεν απαιτεί κωδικοποίηση . Όλα τα προγράμματα περιήγησης υποστηρίζουν τουλάχιστον μία παραλλαγή αυτής Style Sheet hover χαρακτηριστικό . Αυτή είναι μια κατηγορία " ψευδο" . Ο κώδικας που ακολουθεί προσθέτει μια κατηγορία ψευδο για όλες τις συνδέσεις σε μια σελίδα :

a.MyLinks : hover {color : blue ? Υπόβαθρο-χρώμα : κόκκινο? Font - weight: bold ? }

Όταν ο χρήστης κινεί το ποντίκι πάνω από μια σύνδεση , η σύνδεση εμφανίζει τις ιδιότητες που ορίζονται στον ορισμό κλάσης .
εικόνων JavaScript Επιδράσεις
Η

προγραμματιστές Web καλούν λειτουργίες JavaScript για να αλλάξετε την εμφάνιση των στοιχείων του κειμένου . Κείμενο στοιχεία περιλαμβάνουν παραγράφους, δοχεία div και τίτλους . Για να καλέσετε μια συνάρτηση JavaScript όταν συμβαίνει σε περίπτωση ανατροπής , αναφορά τη λειτουργία σε HTML tag του στοιχείου κειμένου . Η ακόλουθη ετικέτα αποκαλεί « changeText " JavaScript λειτουργία όταν ο χρήστης μετακινεί το ποντίκι πάνω από την επικεφαλίδα :

Αυτή είναι μια επικεφαλίδα ?

η λειτουργία JavaScript θα λάβει το στοιχείο τίτλο και να αλλάξετε το χρώμα, το μέγεθος, τη γραμματοσειρά , το κείμενο της διακόσμησης και άλλες ιδιότητες του στυλ . Πολλοί browsers επιτρέπουν JavaScript για να τροποποιήσετε την αδιαφάνεια ενός στοιχείου και της διαφάνειας . Προγραμματιστές εμψυχώσει επίσης το κείμενο , αλλάζοντας τιμή θέσης του στοιχείου κειμένου πάροδο του χρόνου με τη χρήση του setTimeout και setInterval λειτουργίες .

Η DOM Επιδράσεις
Η

προγραμματιστές Web χρησιμοποιούν το Document Object Model ( DOM ) για να τροποποιήσετε στοιχεία της ιστοσελίδας . DOM εφέ κειμένου απαιτούν περισσότερη κωδικοποίηση και τη γνώση για το web HTML , CSS και JavaScript . Χρησιμοποιώντας το DOM , οι προγραμματιστές να αλλάξετε ένα στοιχείο κειμένου εμφάνιση, τη θέση στη σελίδα και ακόμη και το περιεχόμενο του κειμένου . Η " document.getElementById " η εντολή είναι μια από τις πιο σημαντικές εντολές που είναι διαθέσιμες για το χειρισμό του DOM . Χρησιμοποιήστε αυτήν την εντολή για να ανακτήσετε μια αναφορά σε ένα στοιχείο κειμένου . Μόλις ανακτηθεί , αλλάξτε DOM ιδιότητες του στοιχείου για την επίτευξη του επιθυμητού αποτελέσματος . Για παράδειγμα , να αλλάξουν το περιεχόμενο του κειμένου , τροποποιώντας " innerHTML " ιδιότητα του στοιχείου . Αλλάξτε την εμφάνιση του στοιχείου αλλάζοντας το " outerHTML " ιδιοκτησίας .
Η
εικόνων