首页 > 代码库 > jQuery改变鼠标经过行的背景颜色
jQuery改变鼠标经过行的背景颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery改变颜色</title>
<script src=http://www.mamicode.com/"http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(function(){
$("#td tr").mouseover(function(){
$(this).addClass("tr1");
});
$("#td tr").mouseout(function(){
$(this).removeClass("tr1");
});
});
</script>
<style>
.tr1{
background-color:gray;
}
#td{
width:400px;
}
</style>
</head>
<body>
<table border="1px" cellspacing="0px" cellpadding="0px" id="td">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>
</body>
</html>