亮点菜单选项

我试图要突出以下菜单亮点菜单选项

<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; 
     }

我该怎么办呢？

来源

2012-02-22 Johnny Hankgard

我为此创建了[jsfiddle]（http://jsfiddle.net/LgymJ/）。 – 2012-02-22 12:26:26

我也是http://jsfiddle.net/L8d5z/ :) – 2012-02-22 12:27:48

你的html无效（关闭'a'没有打开），你的问题不清楚。请更详细地解释你试图实现的目标 – 2012-02-22 12:28:36

试试这个，

你的代码是正确的，唯一的问题是你忘记在你的课堂上在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>

来源

2012-02-24 09:19:04

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

此外，就像比利穆恩说的，你需要修复你的标签。

来源

2012-02-22 12:30:52 SnakeBombs

不要在意标签，这只是一个小错误。我需要制定的是突出显示，更具体地说，我的意思是我希望当前的页面能够突出显示。 – 2012-02-22 12:36:13

有人吗？有答案吗？ – 2012-02-22 12:51:05

只是使用等于js function to get filename from url来获取url名称。然后：

，如果你在var filename有你的文件名，然后只是做以下操作：

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

这应该将该类添加到与给定href链接highlightclass

来源

2012-02-22 14:50:00 Neysor

亮点菜单选项

回答

相关问题