Пример цвета фона таблицы модификации Javascript. Совместное использование кода.

Автор：Eve Cole Время обновления：2025-01-18 15:00:03

Скопируйте код кода следующим образом:

<html>

<скрипт>

//Устанавливаем цвет текущей строки при нажатии на выбранную в данный момент строку и восстанавливаем цвета и события мыши для строк, отличных от текущей строки.

функция selectRow (цель)

{

var sTable = document.getElementById("ServiceListTable")

for(var i=1;i<sTable.rows.length;i++) //Обходим все строки, кроме первой

{

if (sTable.rows[i] != target) //Определяем, выбрана ли строка в данный момент

{

sTable.rows[i].bgColor = "#ffffff" //Устанавливаем цвет фона

sTable.rows[i].onmouseover = summaryRowOver; //Добавляем событие onmouseover;

sTable.rows[i].onmouseout = summaryRowOut;//Добавляем событие onmouseout

}

еще

{

sTable.rows[i].bgColor = "#d3d3d3";

sTable.rows[i].onmouseover = "" //Удалить события мыши

sTable.rows[i].onmouseout = "" //Удалить события мыши

}

//Цвет фона tr при перемещении

функция rowOver(цель)

{

target.bgColor='#e4e4e4';

}

//Цвет фона tr при выходе

функция rowOut(цель)

{

target.bgColor='#ffffff';

}

//Восстанавливаем событие onmouseover tr, поддерживающее вызывающую функцию

функция резюмеRowOver()

{

rowOver (это);

}

//Восстанавливаем событие onmouseout tr, поддерживающее вызывающую функцию

функция резюмеRowOut()

{

rowOut (это);

}

</скрипт>

<тело>

<div onmouseover="javascript:this.style.backgroundColor='red';" onmouseout="javascript:this.style.backgroundColor='blue'">Что касается последних двух функций summaryRowOver и возобновитьRowOut, обратитесь к тому, что я написал ранее Добавить таблицу, соответствующую событию, к элементу страницы через js HTMLview, обычную копию в буфер обмена?

</div>

<тр>

<th>Обслуживание имеет значение</th>

<th>Статус</th>

<th>Закрыто</th>

<th>Информация</th>

</tr>

<td>Похожий контент</td>

</tr>

<td>Похожий контент</td>

</tr>

<td>Похожий контент</td>

</tr>

<td>Похожий контент</td>

</tr>

</таблица>

</тело>

</html>