Color Changing JavaScript Copy The Below JavaScript code in Notepad and save the file with .html extension. And You are Done. Open The file with browser and see the magic.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="de">
<head>
<title>CSS2 Crosshairs Effect - Table Column and
Row Hover for CSS2 Browsers</title>
<style type="text/css">
body{
font-family:Georgia;
}
h1{
margin-top:0;
}
address{
font-style:normal;
text-align:right;
}
td:hover{
background:#F0F;
}
tr:hover{
background:#F00;
}
col:hover{
background:#00F;
}
.col2{
background:#FF0;
}
</style>
</head>
<body>
<h1>CSS 2 Crosshairs Effect</h1>
<p>Table Column and Row Hover for CSS2
Browsers</p>
<p>Uses <code><col></code> and
<code>col:hover</code> to hover
the columns. Although this is CSS2, it
does not work with actual
browsers (but will in the future).</p>
<table border="1" cellspacing="0"
width="100%">
<colgroup>
<col class="col1" />
<col class="col2" />
<col class="col3" />
<col class="col4" />
<col class="col5" />
</colgroup>
<tr>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
</tr>
<tr>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
</tr>
<tr>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
</tr>
<tr>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
</tr>
<tr>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
<td>Some Table Data</td>
</tr>
</table>
<p>Tested with:</p>
<ul>
<li>Mozilla 1.6, Firefox 0.8 (but does
not hover the column)</li>
<li>Opera 7.5 (but does not hover the
column)</li>
<li>Does <em>not</em> work with
Internet Explorer 5.0, 6.0</li>
</ul>
</body>
</html>
I understand very well that you must have some very good reasons to not want this reading to be done for you, Phani. I just want you to know that it is not yet too late if you did want me to do it for you. I can complete it for you and send it to you within 3 days to allow you to be in time and not to miss out on this opportunity. Whatever you choose to do, Phani, javascript tips,,this will be my last email that I will send you to tell you and warn you about this Transit. Indeed, I do not want to bother you and I respect 100% your choice whatever it is. Phani, I also want you to know that my heart is with you Phani and I wish you the greatest happiness in your life at all levels. javascript tricks and tips,,,
ReplyDelete