Ορισμένα στοιχεία των ιστοσελίδων αλλάζουν την εμφάνισή τους κατά την αιωρηματοποίηση με το ποντίκι - αυτό καθορίζεται από προεπιλογή από τις ρυθμίσεις της γλώσσας HTML (HyperText Markup Language - "Hypertext Markup Language"). Αυτή η γλώσσα διαθέτει εργαλεία που σας επιτρέπουν να αλλάξετε τις ίδιες ρυθμίσεις για άλλα στοιχεία σελίδας. Εάν είναι απαραίτητο, μπορείτε να χρησιμοποιήσετε τόσο το CSS (Cascading Style Sheets) όσο και τη γλώσσα δέσμης ενεργειών JavaScript από την πλευρά του πελάτη για το σκοπό αυτό.
Οδηγίες
Βήμα 1
Χρησιμοποιήστε το χαρακτηριστικό style για να μπορείτε να ορίσετε τη μεταβλητή του δρομέα στην ετικέτα του αντικειμένου της ιστοσελίδας που σας ενδιαφέρει. Για παράδειγμα, ο κώδικας HTML ενός πεδίου κειμένου εισαγωγής που δίνει εντολή στο πρόγραμμα περιήγησης του επισκέπτη να αλλάξει την εμφάνιση του δρομέα με τον ίδιο τρόπο όπως όταν τοποθετείται πάνω από έναν σύνδεσμο, μπορεί να γραφτεί ως εξής:
Βήμα 2
Επιλέξτε την επιθυμητή εμφάνιση του δρομέα από τη λίστα έγκυρων τιμών για την παράμετρο του δρομέα. Στο παράδειγμα που δείχνεται στο προηγούμενο βήμα, χρησιμοποιείται η τιμή του δείκτη - η αξία του χεριού έχει ακριβώς το ίδιο αποτέλεσμα. Εκτός από αυτές τις δύο τιμές, παρέχονται οι ακόλουθες επιλογές για την εμφάνιση του δρομέα: crosshair, e-resize, help, move, n-resize, ne-resize, nw-resize, progress, s-resize, se-resize, αλλαγή μεγέθους, κείμενο, αλλαγή μεγέθους, περιμένετε. Για παράδειγμα, για να κάνετε τον κέρσορα να μοιάζει με βέλος με διπλή κεφαλή από πάνω αριστερά προς τα κάτω δεξιά στο παραπάνω δείγμα κώδικα, χρησιμοποιήστε το μέγεθος nw αντί για δείκτη:
Τα γράμματα μπροστά από την τιμή αλλαγής μεγέθους βοηθούν στον προσδιορισμό των κατευθύνσεων που οδηγεί το βέλος από αυτήν την τιμή - όπως, σε μια πυξίδα, αντιστοιχούν στους προσδιορισμούς των βασικών σημείων. Για παράδειγμα, nw σημαίνει βορειοδυτικά (βορειοδυτικά), s νότια (νότια) κ.λπ.
Βήμα 3
Χρησιμοποιήστε τη διεύθυνση URL του αρχείου αντί για τις προκαθορισμένες τιμές, εάν ανεβάσατε τη δική σας εικόνα δρομέα στη μητρική μορφή της. Για να το κάνετε αυτό, χρησιμοποιήστε την ακόλουθη σύνταξη:
<input style = "κέρσορας: url (https://someSite.ru/someCursor.cur) "/>
Εάν το αρχείο βρίσκεται στον ίδιο φάκελο με τη σελίδα ή σε έναν υποφάκελο, τότε αντί για απόλυτη διεύθυνση, μπορείτε να καθορίσετε έναν σχετικό.
Βήμα 4
Χρησιμοποιήστε το χαρακτηριστικό onmouseover εάν θέλετε να αλλάξετε την εμφάνιση του δρομέα χρησιμοποιώντας JavaScript. Για παράδειγμα:
Αυτός ο κωδικός θα λειτουργεί ακριβώς όπως το δείγμα στο δεύτερο βήμα.
