Είναι δυνατόν , με τη χρήση Javascript και φύλλο κλιμάκωση στυλ (CSS ) , για να αλλάξετε το χρώμα μιας στήλης με τη χρήση του mouseover ( ) ? Και MouseOut ( ) ? Συναρτήσεων για την αντιμετώπιση της στήλης -αντικείμενο στο Document Object Model ( DOM ) . CSS χρησιμοποιείται για να τοποθετήσει αντικείμενα κειμένου με ακρίβεια εντός της περιοχής σελίδα προβολής . Έχει αντικατασταθεί το στοιχείο html
στις περισσότερες περιπτώσεις . Το δείγμα κώδικα που περιλαμβάνεται εδώ απεικονίζει αυτό και θα τρέξει στα περισσότερα σύγχρονα προγράμματα περιήγησης . Οδηγίες
Η 1 αναγνωρίσει σελίδα κεφάλι :
Java Test < /title> ? <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 2 <br> <p> αναγνωρίσει στυλ της σελίδας : < br > <p> <style type="text/css"> <br> <p> # δοκιμή <br> <p> { <br> <p> θέση: απόλυτη? <br> <p> z - δείκτης : 1 ? <br> <p> ορατότητα : ορατή? <br> <p> πλάτος: 14.55em ? <br> <p> ύψος : 8.0em ? <br> <p> top : 0.8em ? <br> <p> αριστερά : 0.5.0em ? <br> <p> σύνορα : 1px solid # ccc ? <br> <p> - moz - σύνορα - ακτίνα: 0.5em ? <br> <p> - webkit - σύνορα - ακτίνα : 0.5em ? <br> <p> float : αριστερά? <br> <p> margin: 0 ? <br> <p> text-align : left ? <br> <p> padding : 1em ? <br> < p> υπόβαθρο: # FFFFFF ? <br> <p> } <br> <p> p <br> <p> { <br> <p> font-size : 0.9em ? <br> <p> font-weight : 400 ? <br> <p> color: # FFFFFF ? <br> <p> } <br> <p> < /style > εικόνων <br> 3 <p> κηρύξει script : < br > <p> <script type="text/javascript"> <br> <p> mouseover λειτουργία () { <br> <p> <br> <p> document.getElementById ( "test" ) . στυλ . φόντο = " # 345678 "
<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/91053.html' >Πώς να κάνει Blink κειμένου με JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91055.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/90972.html" target="_blank">Πώς να ελέγξετε αν το ποντίκι βρίσκεται πάνω σε DIV JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91012.html" target="_blank">Πώς να Παράκαμψη ενός IFrame σε JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91087.html" target="_blank">Πώς να γράψετε ένα Timed IE Script </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90880.html" target="_blank">JavaScript στρογγυλοποίησης Λειτουργία </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91172.html" target="_blank">Πώς να δημιουργήσετε μια ημερομηνία 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/90801.html" target="_blank">Πώς να προσθέσει επικάλυψης εικόνας Με V3 Maps API </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/262832.html" target="_blank">Πώς να αφαιρέσετε τα αχρησιμοποίητα CSS και JavaScript στο WordPress; </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91102.html" target="_blank">Internet Explorer 6 Javascript Header Προβλήματα </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91225.html" target="_blank">Πώς να διαγνώσουν προβλήματα με Javascript </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>