Det är möjligt , med hjälp av JavaScript och Kaskadkopplad Style Sheet ( CSS ) , för att ändra färgen på en kolumn genom att använda mouseOver ( ) , och mouseOut ( ) , funktioner för att hantera kolumn - objektet i Document Object Model ( DOM ) . CSS används för att placera textobjekt noggrant inom sidan visningsområdet . Det har ersatt html
inslag i de flesta fall . Den kodexempel ingår här illustrerar detta och kommer att köras i de flesta moderna webbläsare . Instruktioner
1 Deklarera sidan huvudet :
Java Test < /title > ; <br> <p> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <br> 2 <p> Deklarera sidstilar : <br > <p> <style type="text/css"> <br> <p> # testa <br> <p> { <br> <p> position: absolute ; <br> <p> z - index : 1 ; <br> <p> synlighet : synlig ; <br> <p> width : 14.55em ; <br> <p> höjd : 8.0em ; <br> <p> top : 0.8em ; <br> <p> vänster : 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> marginal : 0 ; <br> <p> text - align : left ; <br> <p> padding : 1em ; <br> <p> bakgrund : # 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 > Addera 3 <p> Deklarera skript : <br > <p> <script type="text/javascript"> <br> <p> funktion mouseOver ( ) katalog <p> { <br> <p> document.getElementById ( "test " ) . stil . bakgrund = " # 345678 " <br> <p> } <br> <p> funktion mouseOut ( ) katalog <p> { <br> <p> document.getElementById ( "test " ) . style.background = " # FFFFFF " <br> <p> } <br> <p> < /script > <br> <p> < /head > <br> 4 <p> Deklarera kroppen : <br> <p> <body> <br> <p> <div id="test" onmouseover="mouseOver()" onmouseout="mouseOut()"> <br> <p> <P> <p> Hej ! Du har hittat mig . <br> </P > <br> <p> < /div > <br> <p> < /body> <br> <p> < /html > <br > Addera ditt
<div class=dad2><script language='javascript' src='http://www.dator.xyz/ad/201310/4.js'></script></div>
<div class=dad3><script language='javascript' src='http://www.dator.xyz/ad/201310/33.js'></script></div>
</div>
</td>
</tr>
</table>
<table class=dhang1 bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<div class=dhang7></div>
<table width="92%" height="51" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="50%"><p>Tidigare: <a class='LinkPrevArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91053.html' >Hur man gör texten blinkar med Javascript </a></li></p></td>
</tr>
<tr>
<td width="50%">nästa: <a class='LinkNextArticle' href='http://www.dator.xyz/Programmering/javascript-programming/91055.html' >Hur att ändra färger tabell bakgrund med Javascript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang7></div>
<table class=s770x246 >
<tr>
<td class=s375x246 ><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table class=c1 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> relaterade artiklar </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<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.dator.xyz/Programmering/javascript-programming/91279.html" title="Hur installera skript för Greasemonkey " target="_self">Hur installera skript för Greasemonkey </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91102.html" title="Internet Explorer 6 Javascript Header Problem " target="_self">Internet Explorer 6 Javascript Header Problem </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91252.html" title="Handledning om hur man rullgardinsmenyer i Java Script " target="_self">Handledning om hur man rullgardinsmenyer i Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91236.html" title="Hur vill kolla en ingång heltal JavaScript " target="_self">Hur vill kolla en ingång heltal JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90752.html" title="Hur man kan koda Parametrar i AJAX " target="_self">Hur man kan koda Parametrar i AJAX </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90999.html" title="Hur du ändrar ett CSS- klass attribut med Javascript " target="_self">Hur du ändrar ett CSS- klass attribut med Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90801.html" title="Lägga till en bild överlagring med V3 Maps API " target="_self">Lägga till en bild överlagring med V3 Maps API </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91219.html" title="Hur du ändrar en hyperlänk med JavaScript " target="_self">Hur du ändrar en hyperlänk med JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90985.html" title="Hur Rotera Länkar i JavaScript " target="_self">Hur Rotera Länkar i JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/91160.html" title="Hur man gör en Habbo Retro " target="_self">Hur man gör en Habbo Retro </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top">
<table class=c3 >
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Utvalda artiklarna </td>
</tr>
</table>
<table class=c4 >
<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.dator.xyz/Programmering/visual-basics-programming/95821.html" title="Hur skapa en fråga i Access VBA " target="_self">Hur skapa en fråga i Access VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89962.html" title="Hur man använder Java i Math Class " target="_self">Hur man använder Java i Math Class </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/computer-programming-languages/86824.html" title="De tre grundläggande principer för objektorienterad programmering " target="_self">De tre grundläggande principer för objektorienterad p…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/java-programming/89258.html" title="Hur man gör ett webbprojekt i Eclipse Arbete via Webbläsare " target="_self">Hur man gör ett webbprojekt i Eclipse Arbete via Webbl…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90765.html" title="Vad använder jag i stället för JavaScript " target="_self">Vad använder jag i stället för JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/96531.html" title="Inaktivera /Aktivera Kommandoknapparna i VB.net på TangentUpp Routine " target="_self">Inaktivera /Aktivera Kommandoknapparna i VB.net på Tan…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/94414.html" title="Hur man använder PowerShell till e-post en fil via Exchange " target="_self">Hur man använder PowerShell till e-post en fil via Exc…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/javascript-programming/90910.html" title="Hur Ping i Javascript " target="_self">Hur Ping i Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/php-mysql-programming/91989.html" title="Hur man tar bort eventuella plustecken från en sträng i PHP " target="_self">Hur man tar bort eventuella plustecken från en sträng…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="http://www.dator.xyz/Programmering/visual-basics-programming/95224.html" title="Idéer för Visual Basic Applications " target="_self">Idéer för Visual Basic Applications </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<div class=dhang8></div>
<div class=dhang1></div>
<table class=b1>
<tr>
<td class=bs height=90 align=middle>Copyright © Dator Kunskap http://www.dator.xyz
</td>
</tr>
</table>
<div class=dhang1></div>
</div>
</body>
</html>
