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