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

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

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

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

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

2

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

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


εικόνων 3

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

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

 Πρόσθετο κείμενο να εμφανίζεται μετά αιωρείται
Η

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

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

Link Text
Η 6

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

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

Σύνδεσμος κειμένου
Η 7

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


Η

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

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