使用JQuery调整大小的阴影

时间:2009-09-03 15:54:40

标签: jquery html css

我正在寻找一个支持为div,table,text等添加可调整大小的阴影的JQuery插件。我真的只想在用户调整浏览器窗口大小时调整阴影(带阴影的元素不可拖动) )。

我尝试了this plugin但是当用户缩小浏览器窗口时,它似乎没有缩小阴影的宽度。

谢谢, 唐

1 个答案:

答案 0 :(得分: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添加了大量标记。如果你在浏览器调整大小时重新生成它们,它会活跃用户的CPU。

如果你是勇敢的并且想要无论用户使用什么浏览器都有可调整大小的阴影,那么其他路径将使用图像和CSS来构建阴影。这种方法完全适合调整大小:

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