2009-09-03 3 views
3

Я ищу плагин JQuery, который поддерживает добавление изменяемых теней для теней в divs, таблицы, текст и т. Д. Я действительно хочу, чтобы тень изменялась при изменении размера окна браузера (элементы с тени не перетаскиваются).Изменение размера тени с помощью JQuery

Я пробовал this plugin, но, похоже, он не уменьшает ширину тени, когда пользователь сужает окно браузера.

Спасибо, Дон

+0

Там также задержка во время, которое требуется тень, чтобы изменить размер/переместить в примере, когда размер окна браузера изменяется - это выглядит довольно противная, в мое мнение –

+0

Да, это не очень удовлетворительно, но это было наивысшее избранное здесь: http://stackoverflow.com/questions/165446/where-can-i-find-a-good-jquery-drop-shadow- плагин –

ответ

3

Если тень не совсем критично, я предложил бы просто использовать тень коробки CSS3 в. Они поддерживаются во всех последних версиях основных браузеров, кроме IE.

-moz-box-shadow: 4px 4px 8px #000; 
box-shadow: 4px 4px 8px #000; 

О: http://www.css3.info/preview/box-shadow/

Проблемы с JS-сгенерированной тень (то есть тенью, сделанную с JQuery) является то, что они очень медленно, чтобы генерировать. Они генерируются пополам, добавляя DOM с большим количеством разметки. Если вы должны были восстановить их, пока браузер будет изменен, он будет потреблять процессор пользователя.

Если вы храбрый и хотите иметь изменяемые размеры, независимо от того, какой браузер использует пользователь, другой маршрут будет использовать изображения и CSS для создания теней. Это method'd полностью изменение размера удобно:

http://www.alistapart.com/articles/cssdrop2/

Смежные вопросы