C# 在mouseLeave JQuery上清除大纲

我不熟悉JQuery

这根线是这根线的一半

主要问题是，我想在鼠标指向的当前项目周围创建一个框，当鼠标离开该项目时，框将消失

<script src="Scripts/jquery-1.10.1.min.js" type="text/javascript"></script>

 <link href="StyleSheet.css" rel="stylesheet" type="text/css" />

 <div class="clickable" url="http://www.google.com">
    Google
</div>

<div class="clickable" url="http://www.bing.com">
    Bing
</div>

<script type="text/javascript">
   $("div.clickable").mouseover(function () {
 //        $(this).css("outline-style", "solid");
 //        $(this).css("outline-color", "Navy");
 //        $(this).css("outline-width", "thin");
    $("#div.clickable").each(function () { $(this).removeClass("Selected") });
    $(this).addClass("Selected");
 });
 </script>

<script type="text/javascript">
    $("div.clickable").click(
    function () {
        window.location = $(this).attr("url");
    });
</script>

---

然而，当鼠标滑过另一个项目时，它就不起作用了。它不清除上一项的大纲。

只需使用CSS伪类

：hover

：

---

只需使用CSS伪类：悬停：

---

您可以使用纯css实现这一点：

.clickable:hover{
      outline-style:solid;
      outline-color:Navy;
      outline-width:thin;
}
.clickable
{
      cursor:pointer;
      outline-style:none;
      outline-color:transaprent;
      outline-width:none;
}

---

不需要js。

您可以使用纯css实现这一点：

.clickable:hover{
      outline-style:solid;
      outline-color:Navy;
      outline-width:thin;
}
.clickable
{
      cursor:pointer;
      outline-style:none;
      outline-color:transaprent;
      outline-width:none;
}

---

不需要js。

您可以使用纯css来完成此操作。您可以使用纯css来完成此操作

.clickable:hover{
      outline-style:solid;
      outline-color:Navy;
      outline-width:thin;
}
.clickable
{
      cursor:pointer;
      outline-style:none;
      outline-color:transaprent;
      outline-width:none;
}