使用JQuery调整大小的阴影

前端之家收集整理的这篇文章主要介绍了使用JQuery调整大小的阴影 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在寻找一个支持将可调整大小的阴影添加到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来构建阴影.该方法将完全调整大小:

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

猜你在找的HTML相关文章