Question

我想突出显示以下菜单

<ul class="listing">
<li><a href="Review.html">Review</a></li>
<li><a href="Preview.html">Preview</a></li>
<li><a href="Images.html">Images</a></li>
<li><a href="Videos">Videos</a></li>
</ul>

和css

 .listing li{display: inline;
            text-decoration: none}

ul.listing a{font-size: 15px;
              text-align: justify;
              text-decoration: none}

ul.listing a:hover{box-shadow: inset 0px 12px 15px -2px gray }




ul.listing{margin-left: 150px;
           padding: 5px;    
           background: ;
           box-shadow: inset 0px -20px -2px -16px #812;
           width: 940px;
           height:  25px;
           margin-top: 100px;
       }

我该怎么做？

Answer 1

突出显示是什么意思？听起来你可以通过添加一个围绕ul的div并给它突出显示背景颜色来实现这一点。

#nameOfDiv{
    background-color: #FFFF00;
}

另外，就像Billy Moon说的那样，你需要修复你的标签。

Answer 2

试试这个，

你的代码是正确的，唯一的问题是你忘了在css中的类防御之前添加一个点。我纠正了它。现在你的代码正在运行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title><br />
<style type="text/css">

.listing{margin-left: 150px;
           padding: 5px;    
           background: ;
           box-shadow: inset 0px -20px -2px -16px #812;
           width: 940px;
           height:  25px;
           margin-top: 100px;
       }
 .listing li{display: inline;
            text-decoration: none}

.listing a{font-size: 15px;
              text-align: justify;
              text-decoration: none}

.listing a:hover{box-shadow: inset 0px 12px 15px -2px gray }





}
</style>
</head>

<body>

<ul class="listing">
<li ><a href="Review.html">Review</a></li>
<li><a href="Preview.html">Preview</a></li>
<li><a href="Images.html">Images</a></li>
<li><a href="Videos">Videos</a></li>
</ul>


</body>
</html>

Answer 3

只需使用相等的js function to get filename from url即可获取网址名称。然后：

如果你有var filename你的文件名，那么就这样做：

$("#listing a[href="+filename+"]").addClass("highlightclass");

这应该将类添加到具有给定href到highlightclass

的链接

高亮菜单选项

3 个答案: