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

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

Πώς να αλλάξετε το ύψος και πλάτος για Mouseover

Web developers χρησιμοποιούν HTML και CSS για να οικοδομήσουμε ιστοσελίδες που δείχνουν καλά σε οποιοδήποτε σύγχρονο πρόγραμμα περιήγησης στο Web . Αυτές οι δύο τεχνολογίες , όταν χρησιμοποιούνται μαζί , επιτρέπουν στους σχεδιαστές να δημιουργήσουν περίπλοκες και όμορφες ιστοσελίδες χωρίς να καταφεύγουν σε επιτραπέζια βάση σχεδιαγράμματα , που έκανε για γεμάτα κώδικα . CSS επιτρέπει ακόμη και στους σχεδιαστές να κωδικοποιήσει εύκολα επιδράσεις όπως η αλλαγή του ύψος και το πλάτος ενός στοιχείου , όταν ένας επισκέπτης της τοποθεσίας μετακινήσει το ποντίκι πάνω από το στοιχείο . Οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου . Μπορείτε να ανοίξετε το Σημειωματάριο κάνοντας κλικ στο μενού Έναρξη , στη συνέχεια, επιλέγοντας " Όλα τα προγράμματα , " τότε " Αξεσουάρ " και , τέλος, κάντε κλικ στο " Σημειωματάριο ". 2

Εισάγετε τον παρακάτω κώδικα για να δημιουργήσετε ένα κόκκινο τετράγωνο που είναι 150 pixels σε μια πλευρά





<;/div >


εικόνων
3

Κλείστε και αποθηκεύστε το έγγραφο ? όταν ονοματοδοσία αρχείων , τη χρήση το " . html " επέκταση .
Η

4 Ανοίξτε το αρχείο σε ένα πρόγραμμα περιήγησης στο Web . Μπορείτε να το κάνετε αυτό , σύροντας το αρχείο σε ένα παράθυρο του προγράμματος περιήγησης . Θα πρέπει να δείτε ένα κόκκινο τετράγωνο .
5

Ανοίξτε ξανά το αρχείο στο Σημειωματάριο . . . Εισάγετε τον παρακάτω κωδικό ακριβώς πριν από την " " ετικέτα

μπλοκ : hover { height: 200px ? Width : 200px ? }

Αυτός ο κώδικας λέει το κόκκινο τετράγωνο για να αλλάξετε το μέγεθος ίδια με 200 pixels όταν ο χρήστης « αιωρείται » πάνω από το στοιχείο με το ποντίκι του.
Η
εικόνων

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

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