jquery - 通过 jQuery 实现文本模糊效果

Question

我有一个具有以下结构的文本列表：

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

当鼠标悬停在一个列表项上时，我想为其他列表项获得模糊效果。

我想获得与http://tympanus.net/Tutorials/ItemBlur/上相同的效果。

我能怎么做？

Answer 1

嘿检查这些例子：

是的，但你只能在这里模糊文本而不是其他东西。（在 css 2 中）

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

示例 1

示例 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

试试这个： -

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

Answer 3

尝试：

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