JavaScript эффекты, при правильном подходе, могут не только приятно радовать глаз посетителя, но еще и повышать юзабилити самого сайта. Сейчас мы рассмотрим, как с помошью jQuery написать обработчик, который при нажатии на элементе списка, имеющего изначально свернутый список дочерних элементов, приведет к его его раскрытию. Такого плана эффект иожно наблюдать при работе с сайтом Google Analytics.
Drupal 7, к HTML элементу <a>, активного элемента меню, то-есть пункту меню, ссылка которого совпадает с текущим адресом в адресной строке браузера, добавляет CSS Класс "active". В большинстве случаев этого достаточно для того, чтоб изменить цвет текста элемента меню при наведении мыши, но если потребуется добавление CSS эффектов ко всему <LI> элементу, для этого потребуется переопределить функцию theme_menu_link ядра Drupal 7.
Общая проблема дизайнов с плавающими элементами это то, что такие элементы, расположеные внутри контейнера, не приводят к увеличению его размера, для того, чтоб он их уместил внутри. Все дочерние плавающие элементы остаются расположены вне пределов его границ. Если нам к примеру нужно обвести границу вокруг всех плавающих элементов, просто указать CSS параметр border: 1px solid black не получится - граница останется сверху.
Пример использования псевдо селектора nth-child:
ul li:nth-child(3n+3) {
color: #DA8C12;
}Что делает селектор nth-child в данном примере? Выбирает каждый третий LI элемент неупорядоченного списка, то-есть 3, 6, 9, 12 и т.д.
Давайте посмотрим как он работает и какие еще есть варианты использования.
