2009-09-03 56 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/