[ Новые сообщения · Участники · Правила форума · Поиск по форуму · Поиск по сайту ]Форум аццкого кодера

Фильтр по:

Как подсветить при наведении четные ячейки ...

Как сделать...

Страница 1 из 1 1
Модератор форума: likbezz

Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как подсветить при наведении четные ячейки ... (Реализация на CSS и JavaScript jQuery)

Как подсветить при наведении четные ячейки ...

2010-10-06Дата: Среда, 06.10.2010, 00:45 | Сообщение # 1

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

MyPlace,

Quote (MyPlace)

вот код:

Code

<script>
$('.messageslist tr:odd').attr("onMouseOut", "$(this).removeClass('catCtA').addClass('oddcatCt')").addClass('oddcatCt');
</script>

- Эт где ты такой код взял ... что за муть.... Проще нужно, проще ...
☑ Пример v0

Code

<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
$('table.messageslist tr:odd').hover(function(){
$(this).css('background-color','#fef');},
function(){$(this).css('background-color','');}
);
/*End DocumentReady*/
});
</script>

☑ Пример v1

Code

<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
$('table.messageslist tr:odd').hover(function(){
$(this).removeClass('catCtA').addClass('oddcatCt');},
function(){
$(this).removeClass('oddcatCt').addClass('catCtA');}
);
/*End DocumentReady*/
});
</script>

☑ Пример v2

Code

<script type="text/javascript">
$(document).ready(function(){
/*Start DocumentReady*/
$('table.messageslist tr:odd').hover(function(){
$(this).toggleClass('catCtA');}
);
/*End DocumentReady*/
});
</script>

Quote (MyPlace)

может как-то можно просто целую строку сразу менять? Тоесть чтобы скрипт для каждого .messageslist tr:odd
менял "заголовок строки" типа было ....

- Смотри примеры ... при помощи стилей можно ...

Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как подсветить при наведении четные ячейки ... (Реализация на CSS и JavaScript jQuery)

Страница 1 из 1
1

Мобильная версия