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

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

Τρόπος απενεργοποίησης CSS Hover Με JavaScript

Hypertext Markup Language ( HTML ) δίνει πρόσβαση προγραμματιστές » σε ιστοσελίδες μέσω του Document Object Model ή DOM . Ένας πεπειραμένος προγραμματιστής μπορεί να επιθεωρεί και να αλλάξει τις ετικέτες HTML , styling πληροφορίες και το περιεχόμενο της σελίδας . Αυτά τα στοιχεία αποτελούν μέρος του « αντικειμένου εγγράφου » και είναι προσβάσιμα με τη μέθοδο του JavaScript getElementById ( ) . Ενώ hover χαρακτηριστικό ενός συνδέσμου δεν είναι άμεσα προσβάσιμο με Javascript , αν δημιουργηθούν δύο κατηγορίες , το ένα με χαρακτηριστικό hover και ένα χωρίς , μπορούν να ενεργοποιηθούν χρησιμοποιώντας την εντολή JavaScript " document.getElementById ( " IDname " ) . ClassName = " Newclassname . " Ό, τι χρειάζεστε καλής ποιότητας Απλό κείμενο editor
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

ξεκινήσει ένα πρότυπο , απλού κειμένου εφαρμογή επεξεργασίας που είναι διαθέσιμες στον υπολογιστή σας . < br >
2

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



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

a.mhover : link {color : # πράσινο? }

a.mhover : επισκέφθηκε {color : # πράσινο }

a.mhover : αιωρούνται {color : # κόκκινο? }

a.mhover : ενεργή {color : # κίτρινο? }

a.yhover : link {color : # πράσινο? }

a.yhover : επισκέφθηκε {color : # πράσινο }

a.yhover : ενεργή {color : # κίτρινο? }

< /style > Γλώσσα

< script = " javascript " >

λειτουργία changeClass ( ) {

document.getElementById ( " aab " ) . className = href = " javascript : changeClass ( ) " id = " aab " class = " mhover " > Κάντε κλικ για να σταματήσει σύνδεσμο hover < /a>

< /h1 >

< . ;/body>

< /html > εικόνων
3

Κάντε κλικ στο μενού Αρχείο . Επιλέξτε το "Save " επιλογή . Αποθήκευση κάτω από το όνομα του αρχείου " test.html . "
Η 4

Ξεκινήστε το πρόγραμμα περιήγησης στο web που είναι διαθέσιμα στον υπολογιστή σας . Κάντε κλικ στο " Αρχείο " μενού και επιλέξτε " Open File ".
5

Εντοπίστε το αρχείο " test.html " μόλις δημιουργήσατε , επιλέξτε με το ποντίκι και στη συνέχεια κάντε κλικ στο "Άνοιγμα ".
Η
εικόνων

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

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