Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 04:53
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI


Главная » Статьи » Настройка дизайна

В крации JavaScript
Важно: для того, что бы у нас не было лишних проблем, подключим jQuery

Для того, чтобы подключить jQuery нам нужно прописать в теге head данный код:

Code
<script type="text/javascript" src="адрес до jquery документа"></script>

Теперь, займемся непосредственно скриптом. Это готовый код нашего скрипта, а каким образом он работает я расскажу чуть ниже.

Code
$(document).ready(function(){ $(".table tr:odd").addClass("second"); });

Все, что находится между данным кодом, происходит после полной прогрузки страницы:

Code
$(document).ready(function(){ Ваш скрипт здесь });

Эта функция jQuery, которая позволяет вставлять скрипт в начала документа, до прогрузи используемых элементов. А в простом JS без использования jQ нельзя написать скрипт выше используемых элементов.

Code
$(".table tr:odd") — выбрать все четрные строки, из таблицы; addClass("second") — добавить им класс .second;

То есть, данный скрипт находит все строки таблицы с классом .table и добавляет каждой четной строке новый класс .second, у которого в свою очередь данный стиль:

Code
.second td { background-color:#f0f0f0}

Который говорит, что задний фон всех ячеек, которые находятся в четных строках сменится на серый цвет.


мои записи и на Я.ру 30306778.38452326.1351063807.0b00d70d238d83e2005afa1230b8e22d
Категория: Настройка дизайна | Добавил: мир (28.12.2010)
Просмотров: 1185 | Рейтинг: 5.0/1
Похожие материалы:
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru