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

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

Πώς να Εμφάνιση κειμένου σε Rollover

Εμφάνιση κειμένου όταν ένας επισκέπτης κυλά πάνω από ένα σύνδεσμο ή μια εικόνα στην ιστοσελίδα σας είναι ένας πολύ καλός τρόπος για να μοιράζονται περισσότερες πληροφορίες σχετικά με το πού ένας σύνδεσμος οδηγεί ή ό, τι μια εικόνα που περιέχει. Εάν έχετε τη δυνατότητα να τροποποιήσετε τον κώδικα HTML της ιστοσελίδας σας , και να γνωρίζουν πώς να χρησιμοποιούν σύνδεσμο ( Α ) και η εικόνα ( IMG ) ετικέτες , μπορείτε να ενσωματώσετε εύκολα το κείμενο ανατροπής . Τα πράγματα που θα χρειαστείτε
επεξεργασίας HTML
Η Εμφάνιση Περισσότερες οδηγίες
Εμφάνιση κειμένου σε μια εικόνα Rollover
Η 1

Βρείτε τον κώδικα HTML για την εικόνα που θέλετε να προσθέσετε hover κείμενο . Θα πρέπει να μοιάζει κάπως έτσι :

2

Προσθήκη ή επεξεργασία . το χαρακτηριστικό τίτλο που περιέχει το κείμενο που θέλετε να εμφανίζεται όταν κάποιος κυλά πάνω από την εικόνα

για παράδειγμα :

< img src = " http://www.linkto.com/your/image.jpg " title = " Πρόσθετο κείμενο να εμφανίζεται μετά αιωρείται " />
εικόνων 3

Προσθέστε ή επεξεργαστείτε την ιδιότητα ALT που περιέχει το κείμενο που θέλετε να εμφανίζεται όταν κάποιος κυλά πάνω από την εικόνα . ( Για συμβατότητα cross-browser , το κείμενο που θέλετε ανατροπής σας πρέπει να εμφανίζονται τόσο τα χαρακτηριστικά ALT και TITLE . )

Για παράδειγμα :

< img src = " http://www . linkto.com /σας /image.jpg "alt = " Πρόσθετο κείμενο να εμφανίζεται μετά αιωρείται "title = " Πρόσθετο κείμενο να εμφανίζεται μετά αιωρείται " />
Η

4 Επιβεβαιώστε rollover σας λειτουργεί με δροσιστικά την ιστοσελίδα σας και κρατώντας τον κέρσορα πάνω από την εικόνα για ένα έως δύο δευτερόλεπτα .
εικόνων Εμφάνιση κειμένου σε μια σύνδεση Rollover
5

Βρείτε τον κώδικα HTML για τη σύνδεση που θέλετε για να προσθέσετε κείμενο αιωρείται για . Θα πρέπει να μοιάζει κάπως έτσι :

Link Text < /a>
Η 6

Προσθήκη ή επεξεργασία η . ΤΙΤΛΟΣ χαρακτηριστικό που περιέχει το κείμενο που θέλετε να εμφανίζεται όταν κάποιος κυλά πάνω από τον σύνδεσμο

για παράδειγμα :

Σύνδεσμος κειμένου < /a>
Η 7

Επιβεβαιώστε rollover σας δουλεύει ανανεώνοντας τη σελίδα σας στο Web και κρατώντας τον κέρσορα πάνω από το link για ένα ή δύο δευτερόλεπτα. < br >

Η

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

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