Как сделать тень? Плагин jQuery “Drop Shadow”

Фото автора =) 27.05.2008 от ROM

Искал одно, но нашел другое. Как всегда =)

Плагин 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%

Подпишитесь: rss icon RSS Записей rss iconRSS комментариев.
Понравился пост? Поддержи сайт!

Рубрики: Плагины |

Оставить комментарий

Подпишитесь, пожалуйста:

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Заметьте: Включена проверка комментариев. Нет смысла повторно отправлять комментарий.


Рубрики:

Управление:




Рейтинг блогов
Рейтинг блогов
Рейтинг блогов
Яндекс цитирования
Каталог блогов Blogdir.ru
количество читателей онлайн и всего


Я - на Карте
Каждому своё…
Блог о jQuery, Linux и немного программировании