Искал одно, но нашел другое. Как всегда =)
Плагин Drop Shadow требует в зависимости jquery.dimensions.js и позволяет делать тени почти ко всему.
Документация на плагин находится в самом тексте скрипта, что я считаю не очень правильно, т.к. увеличивает размер.
Использование очень простое:
$(селектор).dropShadow(опции);
Опции могут быть следующими:
left - смещение тени по горизонтали
top - смещение тени по вертикали
blur - задает размытие. Большие значения не интересны.
color - цвет тени
opacity - затененность
swap - меняет цвет предмета, от которого тень. Не понял предназначения данного элемента.
Поигравшись с параметрами, я понял, что значения по умолчанию самые хорошие.
Так же можно перерисовать тень и убрать.
Например, перерисовать:
$(selector).redrawShadow();
или выключить:
$(selector).removeShadow();
Еще можно получить существующий id тени для дальнейших операций с ней:
$(selector).shadowId();
Пример использования опций, взятый с сайта автора:
$(".Title span").dropShadow({left: 12, top: 15, blur: 4, opacity: 0.4});
Домашняя страница, одновременно демонстрация возможностей: http://eyebulb.com/dropshadow/
Скачать плагин: jquery.dropshadow.js
Необходимая зависимость: jquery.dimensions.js
Популярность: 76%
ROM
RSS Записей
Поддержи сайт!

