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

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

Πώς να αλλάξετε ένα δείκτη του ποντικιού χρήση Javascript

Μέρος της μια γεμάτη εμπειρία του χρήστη σε ιστοσελίδες που παρέχουν γραφικά και διαδραστικότητα για τον χρήστη . Μια δραστηριότητα είναι μια αλλαγή από το εικονίδιο του ποντικιού , όταν πλανάται πάνω από τα αντικείμενα . Ακριβώς όπως ένα video game , το εικονίδιο αλλάζει ποντίκι κάνουν την εμπειρία πιο ευχάριστη για το χρήστη , προσθέτοντας την έλξη της . Περισσότερα έλξη σημαίνει περισσότερες επισκέψεις και υψηλότερη επισκεψιμότητα , που οδηγεί σε περισσότερες πωλήσεις και τα έσοδα . Παρέχοντας μια αλλαγή στο εικονίδιο του ποντικιού ακριβώς χρειάζεται μία επιπλέον γραμμή κώδικα . Οδηγίες
Η 1

Αλλάξτε το εικονίδιο του ποντικιού , ενώ η μορφή υποστηρίζει . Εάν έχετε μια φόρμα που χρειάζεται λίγο περισσότερο χρόνο για να φορτώσει , χρησιμοποιώντας ένα εικονίδιο κλεψύδρας είναι ευεργετική να αφήσει το χρήστη να γνωρίζει ότι το σύστημα επεξεργάζεται . Για να αλλάξετε το εικονίδιο κατά τη διάρκεια αυτής της διαδικασίας , χρησιμοποιήστε αυτήν τη γραμμή κώδικα στην " μορφή " ετικέτα .

? 2

Χρησιμοποιήστε ένα διαφορετικό εικονίδιο του ποντικιού όταν αιωρείται πάνω από ένα αντικείμενο φόρμας web . Για παράδειγμα , μπορεί να θέλετε μια διαφορετική εικόνα , όταν ο χρήστης περνάει το ποντίκι πάνω από ένα αντικείμενο , όπως μια εικόνα ή ένα κελί πίνακα . Χρησιμοποιήστε αυτή τη γραμμή κώδικα μέσα σε ένα tag με την " onmouseover " ετικέτα για να αλλάξετε το εικονίδιο του ποντικιού .


Αυτό το παράδειγμα αλλάζει το εικονίδιο του ποντικιού σε εικονίδιο σταυρονήματος όταν το ποντίκι πάνω από μια εικόνα
εικόνων 3

Αποφασίστε ποιο σύνολο εικονίδιο που θέλετε να χρησιμοποιήσετε . Υπάρχουν πολλά ενσωματωμένα εικονίδια που είναι διαθέσιμα μέσα από το παράθυρο του προγράμματος περιήγησης . Εκτός αν ο χρήστης κατεβάζει ένα εικονίδιο από το site σας , θα είναι περιορισμένες με τον αριθμό των διαθέσιμων εικονιδίων . Αυτή είναι μια λίστα από τις πολλές επιλογές κατά τον προγραμματισμό κωδικό σας : auto - η defaultcrosshair - crosspointer - το χέρι παρόμοιο με εκείνο που εμφανίζεται πάνω από ένα linkhelp - ερώτηση markmove - το χέρι που σηματοδοτεί μια κινητή elementtext - cursorwait - κλεψύδρα
Η
εικόνων

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

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