JQuery - 使一個元素變得「模糊」

-2

我最近一直在爲一家公司開發一個網站，並提供一個完整的管理前端/ CMS。在Admin前端中，不幸的是，由於安全原因，我無法向您顯示，有一個Range列表，Collection列表和Design列表。我想用JQuery創建這些工作的鏈接，因此單擊「範圍」會將範圍列表放在前面，並淡出當前活動列表，使其同時變得模糊。我想這樣做是爲了讓Range列表在默認情況下位於其他列表的前面，大約有50％的不透明度（瘋狂猜測）。但是，如果有50％的不透明度，您仍然可以看到背後的文字（在其他列表中）。我希望背景中的文本（後面的列表）是灰色和模糊的，就像我剛剛注意到的效果，如果您在Windows Live Mail前面有一個Windows照片查看器窗口 - 狀態文本位於右下角Windows Live Mail很模糊，很明顯在窗口後面）。我還希望前景中的文字是黑色和焦點。改變文字顏色很容易（peezy lemon squeezy！）。我已經做了一個關於「JQuery模糊」和類似術語的Google，但什麼都沒發現。JQuery - 使一個元素變得「模糊」

任何人都可以告訴我，如果有辦法做到這一點（最好像$（選擇器）.fuzz（50％）;）簡單？

在此先感謝。

問候，

理查德

來源

2010-08-25 ClarkeyBoy

不，你不能這樣做 '易'，無論是用CSS或jQuery的。

即使不是一個複雜的解決方法，除非您考慮將表單的當前狀態的屏幕截圖發送到服務器，然後讓它發送一個處理後的版本來顯示，這很簡單。

根本沒有解決方案，並不是任何人都會想要這樣做。如果您需要背景不會在視覺上干擾前景，只需將不透明度降低到80-90％。

來源

2010-08-25 11:14:58

「沒有任何人會想這個」 - 好，我想它，因爲它增加了一個真正乾淨的效果（或者如果與其他效果的正確組合一起使用，可以做到）。我想要做的是讓它看起來好像一個名單越來越近，變得更加集中，而以前關注的名單越來越遠，寫作有點融合在一起。它應該給它一個有點未來主義的效果。 – ClarkeyBoy 2010-08-25 14:08:54

@ClarkeyBoy我知道你想要什麼 - 你在問題中很清楚。只是考慮到不透明可以用於相同的效果，這樣的效果幾乎不會有益。噢，我支持我的話 - '它的一個非常乾淨的效果'不是一個很好的理由，即使它存在，這種效果，以增加你的形式。爲什麼你甚至*期望*這種東西可用？ – 2010-08-25 14:41:45

我爲什麼期待這種事情可用？那麼因爲你可以使用JQuery或JQuery UI來做這樣的整潔事情，比如滑動元素，創建列表中的選項卡等等，我認爲這可能是可能的。我只是在問我是否錯過了一些東西。在你指出之前，我很欣賞標籤和類似的東西是通過使用JS添加或刪除dom中的元素創建的，並且創建模糊效果將需要更多處理等等。我只是認爲，庫是jQuery它可能做到這一點，這就是全部。 – ClarkeyBoy 2010-08-25 14:52:50

當你期待一個答案時，找到一個無益的爭吵總是令人失望。我不會判斷「模糊」元素的必要性 - 相反，我只是試圖提供幫助。

是我所見過達到這種效果是使用jQuery插件叫做「劇透警告」唯一的辦法 - http://joshbuddy.github.io/spoiler-alert/

來源

2013-08-07 16:40:01

JQuery - 使一個元素變得「模糊」

回答

相關問題