如何使用jQuery组件给一个表单加高亮度显示

jsp中迭代出来一个表单
对于table中的一行<tr> 添加一个时间onmouseover 当鼠标移动过来的时候让这一行的亮度变高怎么做

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html>
<head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script type="text/javascript">
   $(function() {
$('tr').mouseover(function(){
$(this).css({'background':'red'});
});
$('tr').mouseout(function() {
$(this).css({'background':'white'});
});
   })
  </script>
</head>
<body>
  <table id="tb" border=1 style="width:300px;">
<tr><td>1</td><td>张三</td><td>f</td></tr>
<tr><td>2</td><td>李斯</td><td>m</td></tr>
<tr><td>3</td><td>王五</td><td>f</td></tr>
  </table>
</body>
</html>
要这个效果？
如果是白色背景没办法调整亮度，本代码实现改变颜色。js部分
function over(tr) {
tr.style.backgroundColor="red";
}function out(tr) {
tr.style.backgroundColor="";
}
显示部分
<table border="1" width="100%">
<tr onmouseover="over(this)" onmouseout="out(this)">
<td>改变颜色</td>
</tr>
</table>
那你的高亮到底是什么效果？你给个demo看看。
like this??
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function() {
$.fn.extend({
highlight : function(highcolor) {
if(!highcolor)
highcolor = '#666';

var changeBackground = function(ctrl,color) {
ctrl.css('background-color',color);
}

return this.each(function() {
var ctrl = $(this);
var oldcolor = ctrl.css('background-color');

ctrl.mouseover(function() {
changeBackground(ctrl,highcolor);
});
ctrl.mouseout(function() {
changeBackground(ctrl,oldcolor);
});
});
}
});
});$(document).ready(function(){
$('table').find('tr').highlight();
});
</script>
</head> <body>
<table border="1">
<tr>
<td>line1</td>
</tr>
<tr>
<td>line2</td>
</tr>
<tr>
<td>line3</td>
</tr>
</table>
</body>
</html>

如何使用jQuery组件 给一个表单加高亮度显示

解决方案 »

如何使用jQuery组件给一个表单加高亮度显示