Δυναμικά χαρακτηριστικά της ιστοσελίδας , όπως ανατροπές κειμένου , σας δίνουν τη δυνατότητα να οικοδομήσουμε μια ενδιαφέρουσα ιστοσελίδα που θα βοηθήσει να κρατήσει τους επισκέπτες που επιστρέφουν . Μια ανατροπής κείμενο χρησιμοποιεί την τεχνολογία web browser για να αλλάξετε το επιλεγμένο κείμενο ως κέρσορας μετακινείται το ποντίκι πάνω από το κείμενο . Ο κώδικας που χρησιμοποιείται για να δημιουργήσει ανατροπές περιλαμβάνουν HTML και JavaScript . HTML είναι μια γλώσσα περιγραφής σελίδας που σας επιτρέπει να ελέγχετε τη δομή και την εμφάνιση μιας σελίδας web , και JavaScript είναι μια scripting γλώσσα που σας επιτρέπει να γράψετε προγράμματα που τρέχουν στο πρόγραμμα περιήγησης web . Οδηγίες
Αλλαγή κειμένου σε Rollover
Η
1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου , όπως το Notepad , εάν το λειτουργικό σύστημα του υπολογιστή σας είναι τα Microsoft Windows . Ο επεξεργαστής που χρησιμοποιείτε πρέπει να είναι σε θέση να αποθηκεύσετε ένα έγγραφο σε μορφή απλού κειμένου . 2
Πληκτρολογήστε το ακόλουθο κείμενο , το οποίο δημιουργεί ένα βασικό έγγραφο HTML , στο κείμενό σας
Η
3 Τοποθετήστε το δρομέα μεταξύ "
" και " < /title> και πληκτρολογήστε " Rollover Παράδειγμα " Αυτή η γραμμή θα εμφανιστεί ως εξής : . <br> <p> < title> Rollover Παράδειγμα < /title> <br> <p> " Rollover Παράδειγμα " είναι ο τίτλος του εγγράφου , το οποίο εμφανίζεται στην κορυφή του παραθύρου του προγράμματος περιήγησης web , όταν ανοίγετε το αρχείο HTML σε ένα πρόγραμμα περιήγησης , όπως ο Internet Explorer ή ο Firefox. <br> Η <p> 4 Τοποθετήστε το δρομέα στο τέλος της γραμμής που περιέχει το " <body> , " πατήστε " Enter" και πληκτρολογήστε τον ακόλουθο κώδικα HTML και JavaScript, το οποίο δημιουργεί το κείμενο Κωδικός προκαλεί το πρόγραμμα περιήγησης για να εμφανιστεί η λέξη " Normal" , όταν ανοίξει η σελίδα web Ο κώδικας προκαλεί επίσης το πρόγραμμα περιήγησης για να αλλάξετε τη λέξη που εμφανίζεται στο " Rollover " , όταν ο δρομέας μετακινείται ποντίκι πάνω από το κείμενο - . και να το αλλάξετε πίσω στο "Normal " όταν ο κέρσορας του ποντικιού μετακινείται μακριά από το κείμενο . <br> 5 <p> Αποθηκεύστε το έγγραφο σε ένα φάκελο στον υπολογιστή σας ως αρχείο HTML . Θα πρέπει να περιλαμβάνει " . htm "ή" . html "στο τέλος το όνομα του αρχείου για να αφήσετε τον υπολογιστή σας γνωρίζουμε ότι το αρχείο είναι ένα αρχείο HTML . Εάν δεν το κάνετε , το πρόγραμμα περιήγησής σας δεν θα εμφανίζεται σωστά το αρχείο . για παράδειγμα , θα μπορούσατε να ονομάσετε το αρχείο " Rollover.htm " ή " Rollover.html . " <br> Η 6 <p> Ανοίξτε ένα πρόγραμμα περιήγησης στο web στον υπολογιστή σας . <br> Η <p> 7 Ανοίξτε το αρχείο που δημιουργήσατε στο πρόγραμμα περιήγησης στο web . <br> 8 <p> Μετακινήστε τον κέρσορα του ποντικιού πάνω από τη λέξη "Normal" για να το αναγκάσει να αλλάξει σε " Rollover " και , στη συνέχεια, μετακινήστε τον κέρσορα μακριά από τη λέξη για να δείτε το αλλάξετε σε "Normal ". <br> <br> Η <br>
<div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/91107.html' >Τρόπος ενεργοποίησης και απενεργοποίησης μιας μουσικής εικόνας σε JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91109.html' >Πώς να υπολογίσετε Φόρμα Παραγγελίας Σύνολα σε JavaScript </a>
</ul>
</div>
</div>
<div class="woqinimaderwr24">
<div class="dibud23">
<div class="biaotidas51">
<div class="biaotidas511"><h3>Συναφής σύστασή</h3></div>
<div class="butudasda"></div>
</div>
</div>
<div class="dibud24">
<div class="dibud241">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Programming/javascript-programming/90857.html" target="_blank">Η λειτουργία Επιστροφή στην HTML κωδικοποίησης </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/278200.html" target="_blank">Ποιες λειτουργίες αρχείων μπορεί να εκτελέσει η JavaScript σε έναν υπολογιστή-πελάτη; </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90989.html" target="_blank">Πώς να πάρει ένα χαρακτηριστικό σε JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90939.html" target="_blank">Πώς να εγκαταστήσετε το Facebook JavaScript SDK </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90761.html" target="_blank">Ημερομηνία Διαφορά σε Java Script </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Programming/javascript-programming/91104.html" target="_blank">Πώς να χρησιμοποιήσετε το NetBeans να Debug MATLAB </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90835.html" target="_blank">Πώς να χρησιμοποιήσετε Στατική Ανάλυση για να βρείτε Bugs </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90796.html" target="_blank">Πώς να γράφημα με jQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/262824.html" target="_blank">Πώς να προσθέσετε JavaScript στον ιστότοπο Weebly; </a></li>
</ul>
</div>
</div>
</div>
<div class="dibudaohnagdsaw">
<div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div>
</div>
</div>
</body>
</html>