InformationenJavaScript-Programmierung
More
Programming
HOME
* Computer Wissen >> Programming >> JavaScript-Programmierung >> .
Wie Markieren Sie eine Spalte in JavaScript
Es ist möglich , mit Hilfe von JavaScript und Kaskadierte Style Sheet (CSS) , um die Farbe einer Spalte mit dem mouseOver () ändern , und mouseOut (); Funktionen , um die Spalte - Objekt in der Adresse Document Object Model (DOM) . CSS wird verwendet, um Text-Objekte genau platzieren innerhalb der Seite Display-Bereich . Es hat die html -Element
in den meisten Fällen ersetzt. Das Codebeispiel veranschaulicht dies hier enthalten und wird in den meisten modernen Browsern laufen . Anleitung
1 Declare Seite Kopf :
Java Test < /title> ; <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <br> 2 <p> Declare Seite Stile: <br> <p> <style type="text/css"> <br> <p> # test <br> <p> { <br> <p> position: absolute; <br> <p> z- index: 1 ; <br> <p> Sichtbarkeit : sichtbar ; <br> <p> Breite : 14.55em ; <br> <p> Höhe : 8.0em ; <br> <p> top: 0.8em ; <br> <p> links: 0.5.0em ; <br> <p> border: 1px solid # ccc ; <br> <p> -moz- border-radius : 0.5em ; <br> <p> -webkit - border-radius : 0.5em ; <br> <p> float: left; <br> <p> margin: 0; <br> <p> text-align : left; <br> <p> padding: 1em ; <br> < p> background: # 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> Declare script : <br > <p> <script type="text/javascript"> <br> <p> Funktion mouseOver () { <br> <p> <br> <p> document.getElementById ("test" ) . style . Hintergrund = "# 345678 " <br> <p> } <br> <p> Funktion mouseOut () { <br> <p> <br> <p> document.getElementById ("test" ) . style.background = " # FFFFFF " <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 4 <p> Declare Körper : <br> < p > <body> <br> <p> <div id="test" onmouseover="mouseOver()" onmouseout="mouseOut()"> <br> <p> <br> < p > Hallo! Sie haben mich gefunden . <br> <p> </P> <p> </div > <br> <p> < /body> <br> <p> < /html> <br> <br>
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Programming/Python--Programmierung/Wie-man-einen-Knopf-Tkinter-Inaktive-.html'>Wie man einen Knopf Tkinter Inaktive </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Was-bedeutet-ActiveX-Do-.html'>Was bedeutet ActiveX Do </a></li>
<li><a href='/Programming/Computer-Programming-Languages/How-To---HTML-Snippet-in-Nachrichten-.html'>How To : HTML Snippet in Nachrichten </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Wie-man-einen-Coder-suchen-.html'>Wie man einen Coder suchen </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Was-ist-ein-RSE-in-LabVIEW-.html'>Was ist ein RSE in LabVIEW </a></li>
<li><a href='/Programming/C--C-----Programmierung/Wie-man-eine-ungerade-Anzahl-in-CPP-Get-.html'>Wie man eine ungerade Anzahl in CPP Get </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/Typen-der-Eingabefelder-in-VBA-.html'>Typen der Eingabefelder in VBA </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Software/Textverarbeitung-Software/Wie-Sie-Office-aktivieren-Unternehmen-.html'>Wie Sie Office aktivieren Unternehmen </a></li>
<li><a href='/Hardware/RAM---Karten-und-Motherboards/Definition-eines-Fax--Karte-.html'>Definition eines Fax -Karte </a></li>
<li><a href='/Software/Utility-Software/Wie-Icons-auf-Firmware-1-1-Löschen-.html'>Wie Icons auf Firmware 1.1 Löschen </a></li>
<li><a href='/Software/Textverarbeitung-Software/Wie-WordPerfect-Verwenden-.html'>Wie WordPerfect Verwenden </a></li>
<li><a href='/Software/Utility-Software/Wie-man-einen-Booster-Seriennummer-Registrieren-.html'>Wie man einen Booster Seriennummer Registrieren </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="http://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>