亮點菜單選項

我試圖要突出以下菜單亮點菜單選項

<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

亮點菜單選項

回答

相關問題