jQuery改变鼠标经过行的背景颜色
2014-08-05 00:00
417 查看
摘要: 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://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>
<!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://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>
相关文章推荐
- jquery动态添加的表格行鼠标经过时候改变行的背景颜色
- GRIDVIEW 鼠标经过改变背景颜色
- jquery简单实现鼠标经过导航条改变背景图
- 三种方法鼠标经过改变DIV背景颜色
- gridview repeater DataList 鼠标经过改变背景颜色
- 鼠标经过tr时,改变tr当前背景颜色
- jquery鼠标经过导航条改变背景图
- 鼠标经过时改变DIV背景颜色的三种途径
- 鼠标经过tr时,改变tr当前背景颜色
- css实现鼠标经过tr时,改变tr当前背景颜色
- repeater单双行颜色不同,gridview repeater DataList 鼠标经过改变背景颜色
- 鼠标经过时,改变表格背景颜色
- gridview repeater DataList 鼠标经过改变背景颜色
- JQuery的hover()方法使鼠标指针移过导航,改变背景颜色
- repeater单双行颜色不同,gridview repeater DataList 鼠标经过改变背景颜色
- 鼠标经过时改变背景颜色
- 鼠标经过时,改变表格行、列的背景颜色
- 鼠标经过行时改变行的背景颜色
- gridview repeater DataList 鼠标经过改变背景颜色
- jquery鼠标点击改变控件的背景颜色