Highlight table row record on hover - jQuery<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<h1>Highlight table row record on hover - jQuery</h1>
<table>
<tr><th>No</th><th>Name</th><th>Age</th><th>Salary</th></tr>
<tr><td>1</td><td>Kenshin Himura</td><td>28</td><td>$100,000</td></tr>
<tr><td>1</td><td>Kenshin Himura</td><td>28</td><td>$100,000</td></tr>
</table>
<script type="text/javascript">
$("tr").not(':first').hover(
function () {
$(this).css("background","#195A72");
},
function () {
$(this).css("background","");
}
);
</script>
</body>
</html>
source : http://cnn.com, http://google.com, http://tutorial101.blogspot.com
0 Response to "[Web-development (jquery)] Highlight table row record on hover - jQuery"
Post a Comment