/*********************
高亮显示鼠标经过的行
************************/
$.fn.table = function (params) {
var options = {
hoverColor: '#333333'
};
$.extend(options, params);
var arr = [];
$(this).find('tr').each(function () {
var td = $(this).find('td');
$(this).hover(function () {
arr = [];
td.each(function (i) {
arr[i] = $(this).css('backgroundColor');
$(this).css('backgroundColor', options.hoverColor);
});
}, function () {
td.each(function (i) {
$(this).css('backgroundColor', arr[i]);
});
});
});
};
/* 调用函数 */
$(function () {
$('.innerTable').table();
});
高亮显示鼠标经过的行
************************/
$.fn.table = function (params) {
var options = {
hoverColor: '#333333'
};
$.extend(options, params);
var arr = [];
$(this).find('tr').each(function () {
var td = $(this).find('td');
$(this).hover(function () {
arr = [];
td.each(function (i) {
arr[i] = $(this).css('backgroundColor');
$(this).css('backgroundColor', options.hoverColor);
});
}, function () {
td.each(function (i) {
$(this).css('backgroundColor', arr[i]);
});
});
});
};
/* 调用函数 */
$(function () {
$('.innerTable').table();
});
本文介绍了一种使用jQuery实现的鼠标悬停时表格行背景颜色变化的方法。通过简单的JavaScript代码,当鼠标滑过表格行时,该行背景色会变为预设颜色,鼠标移开后则恢复原色。

946

被折叠的 条评论
为什么被折叠?



