Det er mulig , ved hjelp av Javascript og Cascaded Style Sheet ( CSS) , for å endre fargen på en kolonne ved hjelp av mouseover (); og mouseout (); funksjoner for å løse kolonne - objekt i Document Object Model ( DOM ) . CSS brukes til å plassere tekst objekter nøyaktig på siden av displayet . Den har erstattet html
element i de fleste tilfeller . Koden prøven tatt med her illustrerer dette og vil kjøre i de fleste moderne nettlesere . Instruksjoner
en Erklærer side head : en
Java Test < /title> ; <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <br> 2 <p> Erklærer sidestiler : <br> <p> <style type="text/css"> <br> <p> # test <br> <p> { <br> <p> posisjon: absolutt; <br> <p> z - index : 1 ; <br> <p> visibility: visible ; <br> <p> bredde : 14.55em ; <br> <p> høyde: 8.0em ; <br> <p> topp: 0.8em ; <br> <p> venstre: 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> bakgrunn: # 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> Erklærer script : <br > <p> <script type="text/javascript"> <br> <p> funksjon mouseover ( ) <br> <p> { <br> <p> document.getElementById ( "test" ) . stil. bakgrunnen = "# 345678 " <br> <p> } <br> <p> funksjon mouseout ( ) <br> <p> { <br> <p> document.getElementById ( "test" ) . style.background = " # FFFFFF " <br> <p> } <br> <p> < /script > <br> <p> < /head> <br> 4 <p> Erklærer kroppen : en < p > <body> <br> <p> <div id="test" onmouseover="mouseOver()" onmouseout="mouseOut()"> <br> <p> <p> <br> < p > Hei der ! Du har funnet meg. <br> <p> < /P > <br> <p> < /div > <br> <p> < /body > <br> <p> < /html > <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="745" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#ecf0f4">
<tr>
<td bgcolor="#ecf0f4"></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="95%" align="center" height="26">
<tr>
<td width="51%"><p>früher ： <a class='LinkPrevArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91053.html' >Hvordan lage tekst Blink Med JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> Weiter： <a class='LinkNextArticle' href='http://www.datamaskin.biz/Programmering/javascript-programming/91055.html' >Hvor å Endre Tabell bakgrunnsfarger Med Javascript </a></li></td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="7">
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" height=7>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=770 align=center height=246>
<tr>
<td height=246 vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Relatert Artike</strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91009.html" title="Hvordan vise timer og minutter i to felt med Javascript " target="_self">Hvordan vise timer og minutter i to felt med Javascript…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90979.html" title="Finne ut om et område bruker JavaScript Redirects " target="_self">Finne ut om et område bruker JavaScript Redirects </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91058.html" title="Hvordan oppdatere Cookies Via JavaScript " target="_self">Hvordan oppdatere Cookies Via JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91272.html" title="Hvordan legge til en blogg knapp med tekst Box Underneath for kode " target="_self">Hvordan legge til en blogg knapp med tekst Box Undernea…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91139.html" title="Hvordan lage en Vista Sidebar Gadget " target="_self">Hvordan lage en Vista Sidebar Gadget </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91056.html" title="Hvordan oppdage operativsystemet Med JavaScript " target="_self">Hvordan oppdage operativsystemet Med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91011.html" title="Hvordan klargjøre en JavaScript Array " target="_self">Hvordan klargjøre en JavaScript Array </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90785.html" title="JavaScript vs Java Applets Robust " target="_self">JavaScript vs Java Applets Robust </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/90858.html" title="Sette inn jQuery " target="_self">Sette inn jQuery </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/javascript-programming/91045.html" title="Hvordan Endre HTML Text i jQuery Input " target="_self">Hvordan Endre HTML Text i jQuery Input </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=20></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=380>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><strong>Anbefalte artikler </strong></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/95115.html" title="Hvordan lage en mappe i API Med VBA " target="_self">Hvordan lage en mappe i API Med VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/php-mysql-programming/92883.html" title="Hvordan sende e-postvedlegg i PHP " target="_self">Hvordan sende e-postvedlegg i PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/90025.html" title="Unicode til Character Konvertering i Java " target="_self">Unicode til Character Konvertering i Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/88565.html" title="Hvordan lære objektorientert design " target="_self">Hvordan lære objektorientert design </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/computer-programming-languages/86958.html" title="Hvordan sette Socket Blokkering til False " target="_self">Hvordan sette Socket Blokkering til False </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94436.html" title="Hvordan få en API Stream i XML-format " target="_self">Hvordan få en API Stream i XML-format </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/python-programming/93760.html" title="Hva er Python Hacking " target="_self">Hva er Python Hacking </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/96399.html" title="Hvordan redigere programmer i Visual Basic " target="_self">Hvordan redigere programmer i Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/visual-basics-programming/94550.html" title="Hvordan lage en Key Presser med VB " target="_self">Hvordan lage en Key Presser med VB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.datamaskin.biz/Programmering/java-programming/89893.html" title="Slik konverterer en opphenting til HashMap i Java " target="_self">Slik konverterer en opphenting til HashMap i Java </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 height=8>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=center>Copyright © Datamaskin http://www.datamaskin.biz/
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 