Главная » 2009 » Апрель » 30 » Изменение, цвета ячейки, таблицы (Javascript)
30.04.2009, 16:36

Изменение, цвета ячейки, таблицы



При наведении курсора мышки на ячейку таблицы произойдет изменение ее цвета.
(надписи выделенные <font color="#339966">зеленым</font> необходимо
откорректировать
). Вставьте в тег .

Code
<!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left: 5px; font-weight: bold; font-size: 7pt;">Code</div><div class="codeMessage" style="border: 1px inset ; overflow: auto; max-height: 200px;"><!--uzc--><script language="JavaScript">
<!--
function menu() {
if (document.getElementsByTagName) {var allCells = document.getElementsByTagName('td');
for (var i = 0; i < allCells.length; i++) {
if (allCells.item(i).className == 'menu') {var currClass = allCells.item(i).className; eval('allCells.item(i).onmouseover = function()
{this.className = \'' + currClass + '-on\' }');
eval('allCells.item(i).onmouseout = function() {this.className = \'' + currClass + '\'}');}}}}
//-->
</script><!--/uzc--></div></div><!--/uzcode-->
В файле каскадных таблиц стилей, вписывается:
<!--uzcode--><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left: 5px; font-weight: bold; font-size: 7pt;">Code</div><div class="codeMessage" style="border: 1px inset ; overflow: auto; max-height: 200px;"><!--uzc--><STYLE type="text/css"><!--
td.menu-on {background-color: #<font color="#32cd32">a5a5a5</font>}
//-->
</STYLE>  <!--/uzc--></div></div><!--/uzcode-->
В том месте, где необходимо вписывается:
[code]<td class=menu bgcolor=<font color="#32cd32">000000</font>><a href="<font color="#32cd32">index.htm</font>"><font color="#32cd32">Текст</font></a></td>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2503 | Добавил: antisept | Рейтинг: 4.0/1 |
Теги: таблицы, ячейки, Цвета, изменение
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]