我正在寻找一个支持将可调整大小的阴影添加到div,表,文本等的JQuery插件.我只希望在用户调整浏览器窗口大小时调整阴影大小(带有阴影的元素不可拖动).
我尝试了this plugin,但是当用户缩小浏览器窗口的范围时,它似乎并没有缩小阴影的宽度.
谢谢,
唐
最佳答案
如果阴影不是绝对关键,我建议您仅使用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附加了很多标记.如果要在调整浏览器大小时重新生成它们,则会耗尽用户的cpu生命.
如果您很勇敢,并且无论用户使用哪种浏览器,都希望具有可调整大小的阴影,那么可以采用的另一种方法是使用图像和CSS来构建阴影.该方法将完全调整大小: