2009-09-03 55 views
3

我正在寻找一种JQuery插件,它支持向div,表格,文本等添加可调整大小的阴影。我真的只想在用户调整浏览器窗口大小时调整阴影大小阴影不可拖动)。使用JQuery调整大小的阴影效果

我试过this plugin,但当用户缩小浏览器窗口时,它似乎不会缩小阴影的宽度。

谢谢, 唐

+0

还有所花费的阴影中的例子来调整/移动时间的延迟,当浏览器窗口大小被改变 - 它看起来非常令人讨厌,在我的意见 – 2009-09-03 15:59:27

+0

是的,它不是很满意,但它是这里最高的投票解决方案: http://stackoverflow.com/questions/165446/where-can-i-find-a-good-jquery-drop-shadow-插入 – 2009-09-03 16:22:49

回答

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来构建阴影。这method'd充分调整型:

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