文字模糊效果通過jQuery

Question

我有一個文本列表結構如下：

<div class="text"> 
<a href="/node/30">Site Text</a> 
</div> 

我想爲其他列表項模糊效果，當鼠標懸停在一個列表項。

我想得到http://tympanus.net/Tutorials/ItemBlur/上顯示的效果。

我該怎麼辦？

Answer 1

嘿檢查這些例子：

是的，但你只能模糊的文字在這裏沒有其他東西（在CSS 2。 ）

但可以在css 3中模糊其他東西。

Example 1

Example 2

編輯：

檢查了這一點：

<style> 
.hello{color:transparent; text-shadow:0 0 0 #000; font-size:20px;} 
.hello div{float:left; margin:10px;} 
.hello:hover div{text-shadow:0 0 10px #000;} 
.hello:hover div:hover{text-shadow:0 0 0 #000;} 
</style> 
    <div class="hello"> 
    <div> 
     new1 
    </div> 
    <div> 
     new2 
    </div> 
    <div> 
     new3 
    </div> 
    <div> 
     new4 
    </div> 
    </div> 

這是基於效果使用它，享受簡單的CSS）

Answer 2

嘗試：

$('.text a').blur(function() { 
    //Add your styles 
} 

Answer 3

嘗試了這一點： -

$("#ElementID").hover(function(){ 
    $("#OtherElementId").blur(); 
});