如何把這個工具提示？

下面是我的菜單開始的幾行。這應該是足夠了 - it'sa標準純CSS下拉菜單如何把這個工具提示？

<!-- start of menu --> 
<div class="menu" style="width:100%; margin-left:auto; margin-right:auto"> 
    <ul> 
    <li><a href="welcome.php">Home</a></li> 
    <li><a href="welcome.php">Input data</a> 
     <ul> 
     <li><form action="input.php" method="post"><div><input type="hidden" name="db" value="a" class="menu_item_button"><button class="menu_item_button">a</button></div></form></li> 
     <li><form action="input.php" method="post"><div><input type="hidden" name="db" value="b" class="menu_item_button"><button class="menu_item_button">b</button></div></form></li> 
     </ul> 
    </li>

你會看到，我使用的是一種形式爲每個鏈接，因爲我想用POST整個網站，沒有GET。

一切工作正常，但...我永遠不能抵抗一個額外的。

我有一些菜單項的更多描述性文本，如果用戶將鼠標懸停在菜單項上，我想將其顯示爲工具提示。

AFAIK，我只能用HREF來做 - 是對的嗎？

當我嘗試這樣做時，我無法在W3C驗證它 - HREF不允許，即使我將它包裝在DIV或Span中。

所以 - 有什麼辦法讓我可以有一個工具提示，如果用戶懸停在那些李？

更新：道歉 - 我忘了提及，我不允許使用JS。

來源

2011-06-12 Mawg

只是注意，如果您使用的職位，你的菜單，這實際上意味着你的網站不會通過菜單結構抓取。你需要一個網站地圖。 – JohnP 2011-06-12 06:32:36

此外，您會惹惱嘗試使用後退按鈕的用戶。 – 2011-06-12 06:35:36

全方位+1。這是一個內部網站，所以我不需要它被抓取。我確實考慮過使用GET來獲取用戶可能希望加入書籤的內容，比如搜索，但是對於喜歡調整內容的用戶來說，只是爲了看看會發生什麼。通常情況下，他們會說「已經損壞」並需要支持。在這種情況下，我離開了航班，所以他們會得到POST並喜歡它！（grr）尼克，你能否擴展「後退按鈕的麻煩」？ – Mawg 2011-06-12 07:08:18

使用title屬性

title="Your tooltip"

像這樣（example）：

<!-- start of menu --> 
<div class="menu" style="width:100%; margin-left:auto; margin-right:auto"> 
    <ul> 
     <li title="Your tooltip"><a href="welcome.php">Home</a></li> 
     <li title="Another tooltip"><a href="welcome.php">Input data</a> 
      <ul> 
       <li title="Yet another tooltip"><form action="input.php" method="post"><div><input type="hidden" name="db" value="a" class="menu_item_button"><button class="menu_item_button">a</button></div></form></li> 
       <li title="And another tooltip"> 
        <form action="input.php" method="post"> 
         <div> 
          <input type="hidden" name="db" value="b" class="menu_item_button"> 
          <button class="menu_item_button">b</button> 
         </div> 
        </form> 
       </li> 
      </ul> 
     </li> 
    </ul> 
</div>

人們可以用它在所有元素除了：

小程序，基地，BASEFONT，頭，HTML，元，PARAM，腳本，標題

從About.com's Attribute Documentation

來源

2011-06-12 06:43:27

+1謝謝！我沒有意識到這一點 – Mawg 2011-06-12 07:11:29

-2

對於輔助功能，我建議你只需將下面的代碼片段包含在腳本的頂部，就可以將所有的變量轉換爲後變量。那就是如果你使用PHP。它將所有變量轉換爲後變量。

// get vars to post vars */ 
if(isset($_GET)) { 
    foreach ($_GET as $key => $val) { 
    $_POST["$key"] = $val; 
}}

這將使網站更易於訪問。你鏈接看起來就像這樣：

<li><a href="input.php?db=b">B</a></li>

來源

2011-06-12 06:38:06 quokka

-1實際上沒有解決問題 – 2011-06-12 06:53:33

如何把這個工具提示？

回答

相關問題