Форма обработки JS
1. Дисплей с интервалом цветов линии
Стиль CSS: два селектора
Кода -копия выглядит следующим образом:
<стиль типа = "text/css">
.один{
фоновый цвет:#33ffcc;
}
.два{
Backgound-Color:#ffff66;
}
</style>
<script type = "text/javascript">
Функция trcolor ()
// цвет линии интервала управления отображается по -разному
{
var tabnode = document.getElementsbytagname ("table") [0];
// Получить узел таблицы
var trs = tabnode.rows;
// Получить все ряды в таблице
для (var x = 1; x <trs.length; x ++)
{
if (x%2 == 1)
trs [x] .classname = "one";
еще
trs [x] .classname = "два";
}
}
// Использование метода Onload После загрузки веб -страницы запустите метод TRCOLOR, чтобы реализовать цвет рядов рядов таблицы.
window.onload = function ()
{
trcolor ();
}
</script>
2. Переместите мышь на определенную линию, измените линию и украсьте цвет, а затем переместите ее, чтобы восстановить исходный цвет.
Кода -копия выглядит следующим образом:
<стиль типа = "text/css">
.над{
фоновый цвет: ## 00ff00;
}
<style>
<script type = "text/javascript">
var name;
функция trmouse ()
{
var tabnode = document.geteletsbytagname ("table") [0];
// через петлю, добавьте атрибуты Onmouseover и Onmouseout в каждый тег TR
для (var x = 0; x <trs [x] .length; x ++)
{
trs [x] .onmouseover = function ()
{
name = this.classname;
this.classname = "Over";
}
tes [x] .onmouseout = function ()
{
this.classname = name;
}
}
}
</script>