通过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();
});