Javascript導航幫助

我正在一個小腳本里面有一些列表項。如果你參考下面的代碼，你會注意到有15個列表項。現在，我只想顯示其中的9個用戶日誌，第一次顯示前九個，現在如果他點擊列表編號。 7應列出第3,4,5,6,7,8,9,10,11列表。Javascript導航幫助

我必須爲每個列表提供id嗎？

感謝

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>Title</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <link href="/library/styles/styles.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body> 
     <ul id="list1"> 
      <li><a href="1">1</a></li> 
      <li><a href="2">2</a></li> 
      <li><a href="3">3</a></li> 
      <li><a href="4">4</a></li> 
      <li><a href="5">5</a></li> 
      <li><a href="6">6</a></li> 
      <li><a href="7">7</a></li> 
      <li><a href="8">8</a></li> 
      <li><a href="9">9</a></li> 
      <li><a href="10">10</a></li> 
      <li><a href="11">11</a></li> 
      <li><a href="12">12</a></li> 
      <li><a href="13">13</a></li> 
      <li><a href="14">14</a></li> 
      <li><a href="15">15</a></li> 
     </ul> 
     <!-- start: javascripts --> 
     <script type="text/javascript"> 
      var ul = document.getElementById("list1"); 
      var liNodes = []; 

      for (var i = 0; i < ul.childNodes.length; i++) { 
       if (ul.childNodes[i].nodeName == "LI") { 
        liNodes.push(ul.childNodes[i]); 
       } 
      } 

      document.write("LiNodes:" +liNodes.length); 
      if (liNodes.length < 9) { 
       display_nine(); 
      } 

      function display_nine() { 
      } 
     </script> 
     <!-- end: javascripts --> 
    </body> 
</html>

來源

2010-02-16 kjkjl

我發現你的問題很難遵循 - 也許如果你重寫了這句話「現在我只是想...應該顯示」。使其更清楚，這將有助於。此外，您可能想要理清「list」與「list item」的用法。 – Polsonby 2010-02-16 17:41:49

當「用戶登錄時」說出您的意思也很難說。 – 2010-02-16 20:43:15

你可以用CSS和JavaScript或只是JavaScript的做到這一點。

CSS：

隱藏

顯示：無;

到顯示

顯示：塊;

然後給每個ID。設置隱藏，以顯示：無，然後在JavaScript中設置當用戶點擊數7

JavaScript來阻止：

寫入名單的基於HTML的用戶交互

document.write('<li><a href="13">13</a></li>');

然後使用Number Seven的函數調用來單擊時寫入整個列表。

您也可以將其放置在DIV中，並根據用戶交互重新編寫DIV中的列表。

來源

2010-02-16 18:38:13

Javascript導航幫助

回答

相關問題