Javascript 无悬停项目时模糊

我需要一些关于模糊效果的帮助：D 我的意见如下：

<header>
            <div>Home</div>
            <div>Menu</div>
            <div>Settings</div>
            <div class="men">Account</div>
</header>

如果我悬停在一个div上，它会使用模糊效果，但是。。。如何在无悬停项目上添加模糊效果？？除了悬停，我要所有带模糊的物品。我想我需要javascript来完成这个任务，对吗

---

谢谢大家：使用CSS只有你才能做到这一点

 header > div:hover{
color:#000;
background-color:#FFF;
height:120%;
}
header > div:hover ~ div{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);

color:#000;
background-color:#FFF;
height:120%;
}

编辑：

以上内容仅适用于下一个同级元素。以下是针对您的完整解决方案场景

  header:hover > div{
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);

    color:#000;
   background-color:#FFF;
    height:120%;
   }
  header > div:hover{
  color:#000;
  background-color:#FFF;
  height:120%;
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -o-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);

 }

---

只有使用CSS才能实现这一点

 header > div:hover{
color:#000;
background-color:#FFF;
height:120%;
}
header > div:hover ~ div{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);

color:#000;
background-color:#FFF;
height:120%;
}

编辑：

以上内容仅适用于下一个同级元素。以下是针对您的完整解决方案场景

  header:hover > div{
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);

    color:#000;
   background-color:#FFF;
    height:120%;
   }
  header > div:hover{
  color:#000;
  background-color:#FFF;
  height:120%;
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -o-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);

 }

---

只有使用CSS才能实现这一点

 header > div:hover{
color:#000;
background-color:#FFF;
height:120%;
}
header > div:hover ~ div{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);

color:#000;
background-color:#FFF;
height:120%;
}

编辑：

以上内容仅适用于下一个同级元素。以下是针对您的完整解决方案场景

  header:hover > div{
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);

    color:#000;
   background-color:#FFF;
    height:120%;
   }
  header > div:hover{
  color:#000;
  background-color:#FFF;
  height:120%;
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -o-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);

 }

---

只有使用CSS才能实现这一点

 header > div:hover{
color:#000;
background-color:#FFF;
height:120%;
}
header > div:hover ~ div{
-webkit-filter: blur(1px);
-moz-filter: blur(1px);
-o-filter: blur(1px);
-ms-filter: blur(1px);
filter: blur(1px);

color:#000;
background-color:#FFF;
height:120%;
}

编辑：

以上内容仅适用于下一个同级元素。以下是针对您的完整解决方案场景

  header:hover > div{
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);

    color:#000;
   background-color:#FFF;
    height:120%;
   }
  header > div:hover{
  color:#000;
  background-color:#FFF;
  height:120%;
 -webkit-filter: blur(0px);
 -moz-filter: blur(0px);
 -o-filter: blur(0px);
 -ms-filter: blur(0px);
 filter: blur(0px);

 }

---

事实上，在CSS中无法做到这一点。如果您使用的是javascript，您可以使用

mouseenter

和

mouseleave

事件来存档此文件。

实际上，您不能在CSS中执行此操作。如果您使用的是javascript，您可以使用

mouseenter

和

mouseleave

事件来存档此文件。

实际上，您不能在CSS中执行此操作。如果您使用的是javascript，您可以使用

mouseenter

和

mouseleave

事件来存档此文件。

实际上，您不能在CSS中执行此操作。如果您使用的是javascript，您可以通过

mouseenter

和

mouseleave

事件将其存档。

您可以添加一些示例吗？我对使用jQuery的javascript xddd感到非常愚蠢，它看起来是这样的：您唯一需要更改的是您想要的css属性（包括前缀），您能添加一些示例吗？我对使用jQuery的javascript xddd感到非常愚蠢，它看起来是这样的：您唯一需要更改的是您想要的css属性（包括前缀），您能添加一些示例吗？我对使用jQuery的javascript xddd感到非常愚蠢，它看起来是这样的：您唯一需要更改的是您想要的css属性（包括前缀），您能添加一些示例吗？我对使用jQuery的javascript xddd感到非常愚蠢，它看起来是这样的：您唯一需要更改的是您想要的css属性（包括前缀），它可以工作，但只对我右边的div有效。例如，如果我有5个div，而我在3º上，4º和5º将采用模糊效果，但1º和2º否=/它有效，但仅适用于我右侧的div。例如，如果我有5个div，而我在3º上，4º和5º将采用模糊效果，但1º和2º否=/它有效，但仅适用于我右侧的div。例如，如果我有5个div，而我在3º上，4º和5º将采用模糊效果，但1º和2º否=/它有效，但仅适用于我右侧的div。例如，如果我有5个div，并且我在3º上，4º和5º将采用模糊效果，但1º和2º不会=/